/* CSS Document */

* {margin: 0; padding: 0; border: 0;}
	
html {}

body {
height: 100%; margin: 0; padding: 0;
color: #424343; text-align: center; font: normal 12px Arial, Helvetica, sans-serif;
background: url(../images/vert_bg.gif) center top repeat-y;
behavior:url("css/csshover.htc"); 
}

/*.tx-lumophpinclude-pi1 {margin:0; padding:0;}*/
#leftcolit {margin:0; padding:0; background: url(/imagineit/images/imagineITpic.jpg) right top no-repeat; min-height: 280px;}

.obraestado{margin: 0; padding:0; width:auto; border-style: solid; border-color: #FF6600; border-width: 2px 0px 0px;}
.obraestado a{text-decoration:none;}
.obraestado tr{ margin:0; padding:0;}
.obraestado td {border-style: dotted; border-color: #003366; border-width: 2px 1px 1px 1px; padding:2px; margin:2px; font: normal 12px Arial, Helvetica, sans-serif;}

/* DEFINICIONES DE ESTILO */

h1 {
font-size:16px;
font-weight: bold;
margin:0; padding: 0px;
color: #003366;
font-family: Arial, "Lucida Sans";
letter-spacing: -0.15px; line-height: 15px;
text-transform:uppercase;
}

h2 {
font-size:14px;
font-weight: bold;
margin:0; padding: 0 0 5px 15px;
color: #fff;
font-family: Arial, "Lucida Sans";
letter-spacing: -0.15px; line-height: 15px;
text-transform:uppercase;
background: url(../images/square_orange.gif) left 5px no-repeat;
border-bottom: 2px solid #fff;
}

h3 {
font-size:20px;
font-weight: normal;
margin: 0px 0 5px 2px; padding: 0px;
font-family: Arial, "Lucida Sans";
text-transform:uppercase;
}

h4 {
font-size:12px;
font-weight: bold;
line-height: 11px;
margin: 0px; padding: 0px;
font-family: Arial, "Lucida Sans";
text-transform:uppercase;
}
	
h5 {color: #424343; font: bold 11px verdana, arial, geneva, helvetica, sans-serif; padding: 10px 1px 2px 1px; line-height: 170%;}
	
p {
	padding: 0 10px 12px 0px;
	margin: 0;
	text-align: justify;
	}

.bodytext{ color:#000;}

div {border-style: solid;border-color: #000000; border-width: 0px;}

#container {
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	padding:0px;
	text-align:center;
	background: url(../images/top_bg_normal.gif) left 105px no-repeat;
	}	

#logo{
width: 192px;
height: 95px;
margin:10px 0 0 0;
padding:0;
float: left;
background: url(../images/logo-top.gif) no-repeat;
}

#header{
width: 555px;
margin:10px 0 0 0;
padding:0;
float: right;
text-align: right;
}

#topbar{background:#0066CC; margin:0 0 0px 0; padding:0; border: #0066CC solid 2px;}
		
#content {text-align: center; width:700px; margin-left: auto; margin-right: auto;}

/* Comienzo columna izquierda */
#leftcol, #leftcolit {
clear:both;
float:left;
width:545px;
margin: 30px 0 0 0;
padding: 0;
}

#leftcolit { margin:0;}

#leftcolfull {
clear:both;
float:left;
width:750px;
margin: 30px 0 0 0;
padding: 0;
border: 0px solid #cc9900;
}

#promocion{
width: 100%;
text-align: left;
float: left;
border: 0px solid #ff99cc;
}

#prheader{
border-bottom: 1px dotted #003366;
height: 43px;
margin: 0 0 10px 0;
}

#prheader h1{}
#prheader h1 a{}
#prheader h1 a:hover{}

#primg {margin: 0px; padding:0; width: 81px; float: left; vertical-align: bottom;}

#topnav {
padding:15px 0 0 10px; margin:0; font: normal 14px Verdana, Arial, Helvetica, sans-serif;
text-transform: none; text-decoration: none; vertical-align: baseline; float: left;
}
   
.topnav a {color: #003366; text-decoration:none; margin: 10px 0 0 0;}
.topnav a:hover {color: #FF6600; border-bottom: 1px dotted #FF6600;}

.topnav_act a {font-weight: normal; padding: 10px 0 0 0; text-decoration: none; color: #ff6600;}
.topnav_act a:hover {color: #003366; border-bottom: 1px dotted #FF6600;}

#prleft{clear:both; width:155px; float:left;background: url(../images/line_bg.gif) bottom repeat-x;}
#prleft img{padding: 4px; margin: 0 0 10px 0; background: url(../images/line_bg.gif) repeat-x;}

#prright{ padding:0; margin:0; width:370px; float:right; border:0px solid #000;}
#prrightfull{ padding:0; margin:0 10px 0 0; width:565px; float:right; border:0px solid #000;}

#prright h1, #prrightfull h1{ text-align: justify;}
#prright p, #prrightfull p{ color:#000000;}
#prright p a, #prrightfull p a{ font-weight: bold; color: #FF6600; border-bottom: 1px dotted #003366; text-decoration:none;}
#prright p a:hover, #prrightfull p a:hover{ color: #666666; border-bottom: 1px dotted #ff6600;}

.mainimg {float:left; padding:0; margin:5px 10px 5px 5px; border:solid #FF6600; border-width: 1px 1px 3px 1px}

#calidad{ display:block; clear: both;}
#calidad img{ float: left; margin: 0 10px 10px 0;}
#calidad h2{ float: left; background: url(../images/list_bg.gif) repeat; text-align: left; color: #006699; text-transform: uppercase; padding:11px; margin:0; border:#33CCFF;}
#calidad p{ clear: both; float: left; background: none; width: 370px; display:block; text-align:justify;}

.bodytext {text-align:justify; width: auto;}

#prright ul, #prright ol, #list ul, #list ol {
clear:both; display: block;
	padding: 10px; margin: 0 0 15px 0;
	list-style-type: none; color: #000;
	background: #EBEBEB url(../images/list_bg_logo.gif) repeat; border: 1px solid #FF6600;
	}
	
#prright ul a, #prright ol a {font-weight: bold; color: #FF6600; border-bottom: 1px dotted #003366; text-decoration:none;}
#prright ul a:hover, #prright ol a:hover {color: #666666; border-bottom: 1px dotted #ff6600;}
	
#prright ul li, #prright ol li{
	background: url(../images/square_orange.gif) 10px 14px no-repeat;
	text-align:left; padding: 10px 25px;
	}

#list ul li, #list ol li {
	background: url(../images/square_orange.gif) 0px 6px no-repeat;
	text-align:left; padding: 5px 15px;
	}

#backlink a {background: url(../images/arrow_back_orng.gif) 0px 5px no-repeat; color: #ff6600; text-decoration: none; padding: 0 0 0 10px; font-weight: bold; display: block; float: left; clear: both; }
#backlink a:hover {  background: url(../images/arrow_back.gif) 0px 5px no-repeat; color: #000000; text-decoration: none; padding: 0 0 0 10px;}

#nav {
	float: left;
	width: 155px;
	margin: 0; padding:0;
	text-align: left;
	font-size: 10px;
	}
	
#nav ul {
	margin: 0px 0px 0px 0px;
	text-align: left;
	list-style-type: none;
	width:155px;
	}
	
#nav ul a{
	padding: 9px 10px 9px 25px; margin: 0;
	display: block; text-decoration: none;
	border-bottom: solid 1px #CCCCCC;
	background: url(../images/arrow_orange.gif) 5px 50% no-repeat;
	color: #424343;
	}
		
#nav ul a:hover { background: url(../images/arrow_blk.gif) 10px 50% no-repeat;	color: #ff6600;}

#nav ul .activo a{ background: url(../images/arrow_orange.gif) 10px 50% no-repeat; color: #ff6600;}

	
/* COLUMNA DERECHA COMIENZO ---> */
#rightcol, #rightcolit {
float:right;
width:185px;
margin: 30px 0 5px 0; padding:0px;
}	

#rightcolit{margin:0;}

#rightnav {
	float: right;
	margin: 0; padding:5px;
	text-align: left;
	font-size: 10px;
	background-color:#006699;
	}
	
#rightnav h1 {margin: 10px; color:#FFFFFF; font: bold 14px Arial, Helvetica, sans-serif;}
	
#rightnav p { margin: 0 5px 0 15px; font: 11px Arial, Helvetica, sans-serif ; color:#FFFFFF; padding:0; text-align: left;}
#rightnav p a { padding:0; margin:0; background: none; display: compact; font-weight: bold; color:#FFFFFF;}
#rightnav p a:hover { padding:0; margin:0; background: none; display: compact; font-weight: bold; color: #FFCC00;}

#rightnav ul {
	margin: 0px; padding: 0;
	text-align: left;
	list-style-type: none;
	width:174px;
	}
	
#rightnav li a{
	padding: 0 0 0 15px; margin: 0; 
	display: block; text-decoration: none;
	background: url(../images/arrow_white.gif) left top no-repeat;
	color: #fff;
	}
#rightnav li a:hover { background: url(../images/arrow_yellow.gif) left top no-repeat;	color: #ffcc00;}
#rightnav li .activo a{ background: url(../images/arrow_white.gif) left top no-repeat; color: #FFFFCC;}

#rightnav form{margin: 0 0 10px 10px; padding: 0px;}
#rightnav .csc-mailform-check{ float:right; margin: 10px 15px 0 0; padding:0; width: auto; clear:both;}
#rightnav legend{ margin:0; padding:0;}
#rightnav input{ background: #FFFFFF; width:150px; border: 1px solid #0099CC; color:#0099CC; margin:0; padding: 2px; font: 10px Arial, Helvetica, sans-serif; clear:both;}
#rightnav textarea, #rightnav select {background: #FFFFFF; width:150px; border: 1px solid #0099CC; color:#0099CC; margin:0; padding: 2px; font: 10px Arial, Helvetica, sans-serif;}
#rightnav label
{clear:both; margin:5px 0 0 0; padding:0px; font: bold 12px Arial, Helvetica, sans-serif; color:#66CCFF; display: block; float:left; width:130px;}
#rightnav form p{clear:both; margin:5px;}

#bottom{ clear: both; height: 35px;}
#rightbottom {
float:right;
width:185px;
height: 35px;
margin:0; padding: 0;
background: url(../images/right_logo.gif) left bottom no-repeat;}	

#leftbottom {
clear: both;
float:left;
width:185px;
margin:20px 0 0 0; padding: 0;
text-align: left;
}
		
#footer {
	clear:both;
	padding: 5px 0 0px 0;
	font: normal 9px verdana, arial, geneva, helvetica, sans-serif;
	color: #006699;
	border-top: 1px solid #FF6600;
	width:750px; height:30px;
	margin-left:auto;
	margin-right:auto;
	}
	
#left{ text-align: left; float: left; width: 50%;}
#right p{
line-height: 10px;
padding: 0; margin: 0;
text-align: right; float: right; width: 50%;}

#footer a, #leftbottom a {
	text-decoration: none;
	color: #424343;
	}
	
#footer a:hover, #leftbottom a:hover {
	text-decoration: none;
	color: #009dea;
	}
	

/* ImagineIT */
#imagineit {
margin: 0 0 10px 0; padding:0;
}

#imgineit form img{
width: 80px; float: left; border: none; margin:0 10px 0 0;
}

.opcion { display: block; float: left; clear: both; margin: 5px 0;}

/* Form */

form {
	line-height: normal;
	margin: 0px; padding: 0;
	display: block;
	text-align: left;
	}
	
form span {
	color: #000;
	font: bold 12px Arial, Helvetica, sans-serif;
	}

label {
height: 20px;
line-height:30px;}

input { padding: 4px; color:#000; background:#FF6600; font-weight:bold;}

textarea {height: 50px;}
	
.radio {margin: 0px 0 0 0; padding: 0;}
	
.submit {
	width: 100px;
	height: 25px;
	border: 1px solid #ededed;
	background-color: #C7D9E6;
	font: normal 12px Tahoma;
	margin-top: 10px;
	}
	
.error {
	color: red;
	}
	
/* Clearfix */	
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

.clearfix .theform{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Center Navigation Menu */
.subptitle { text-align: left; text-decoration: none;}   
.subptitle a {
   font: bold 12px Arial, "Lucida Sans";
   text-transform: uppercase;
   text-decoration: none;
   color: #003366;
   display: block;
   padding: 5px 0px 5px 10px; margin:0px 0 10px 0;
   border : 1px dotted #ff6600;
}

.subptitle a:hover {
   border : 1px dotted #fff;
   color: #fff;
   background: #003366; border : 1px dotted #ff6600;
}

#imagineit .radioinput{ padding:2px; margin:5px 0; clear: both; border: 0px solid #000; display: block;}
#imagineit input {padding:0; margin:7px 7px 0 0; float:left; background: none;}
#imagineit label{ padding:0px; margin:5px; float: left; font-weight: normal;}
#imagineit p{ padding:0px; margin:0; float: left;}