/* IPCS - 09 December */
/* Built By Xerif */

/* 1 - Generics */
*{
	margin:0px;
	padding:0px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
}
body
{
	font-size:0.90em;
	background:#4974B9;
}
a
{
	text-decoration:none;
}
ul
{
	list-style-image:none;
	list-style-type:none;
}
img{
	border:none;
}
/* 2 - Main Sections */
#wrapper{
	width:100%;
}

#headerContainer{
	height:135px;
	width:100%;
	border-bottom:#4974B9 3px solid;		
	margin:0 auto;
	background:white;
}

#header{
	height:140px;
	width:980px;
	margin:0 auto;
}

#middleContainer{
	width:100%;
	float:left;
	background:white;	
}

#footer{
	width:100%;
	height:80px;
	background:#4974B9;
	padding-top:10px;
	border-top:5px solid #2F4D7E;
	float:left;
}
#footer div{
	width:980px;
	margin:0 auto;	
}

#footer p{
	float:left;
	margin-left:20px;
}

#footer span{
	float:right;
	margin-right:20px;	
}

#footer p, #footer a{
	color:white;
	font-size:0.9em;
}
#footer a:hover{
}

/* 3 - Main Container */


/* 4 - Menú and Nav Bar */
#mainNav{
	width:715px;
	float:left;
}
#mainNavMenu{
	margin-top:50px;
}
#mainNav ul li{
	float:left;
	width:118px;
	height:35px;
	text-align:center;
}

#mainNav ul li a{
	color:#808080;
	display:block;
	height:35px;
	padding-top:10px;
	font-size:1.1em;
}
#mainNav ul li a:hover,
#mainNav ul li a.selected{
	color:white;
	background:url(../images/mainNavHover.jpg) repeat-x center center;
	height:30px;	
}
#mainNav #globals{
	width:100px;
	height:27px;
	float:right;
	padding-right:20px;	
	padding-top:8px;
}
#mainNav #globals a{
	margin-top:8px;
	color:#A6CE39;
}
#mainNav #globals a:hover{
	color:white;
}

/* 5 - Contact */

.contacto_button_dis{
	display:none;
	overflow:hidden;	
}
.contacto_button, .btn{
	width:137px;
}

.reg-val-in{	
	border: solid 1px #ff0000;	
}
.reg-val-out{
}
li.llenar-out{
	display:none;
	color:red;
}
li.llenar-in{

}
#contactButtons{
	display:block;
	float:left;
	text-align:center;
	width:100%;
}
#contactButtons input{
	border:none;
	height:32px;
	font-size:1em;
}
.msg-ok{
	color:#006600;
}
.msg-warning{
	color:#FF0000;
}

/* Main Structure */
#mainStructure{
	margin:0 auto;
	width:980px;		
	height:410px;
}
#mainStructure #mainContain{
	background:#E9EDF4;
	margin:0 auto;
	width:780px;
	height:410px;
	padding:10px;			
}
#mainStructure h1{
	margin-bottom:10px;
	color:#4974B9;
}
#mainStructure h2{
	border-bottom:3px solid white;
	margin-bottom:3px;
	color:#2F4D7E;
}
#mainStructure p{
	margin:10px 0;
}
#mainStructureIndex{
	margin:0 auto;
	width:100%;		
	background:black url(../images/indexMainBg.jpg) no-repeat left top;
	height:300px;	
	border-bottom:3px solid #4974B9
}
#mainStructureIndex div{
	margin-left:400px;
}
#mainStructureIndex div{
	color:white;
}
#mainStructureIndex a{
	color:#4974B9;
}
#mainStructure #mainStructureIndex h1{
	text-align:left;
	margin:0 0 20px;
	padding-top:10px;
}

#firstColumn{
	width:490px;
	height:350px;
	float:left;
	border-right:1px solid #ccc;
}
#firstColumnInterior{
	width:711px;
	float:left;
	border-right:1px solid #ccc;
}
#secondColumn{
	width:460px;
	float:left;	
}
#secondColumnInterior{
	width:220px;
	float:left;		
}
#secondColumnInterior ul{
	margin-left:20px;
}

#secondColumnLeft, #secondColumnRight{
	width:220px;
	float:left;
	height:350px;
}
#secondColumnLeft{
	border-right:1px solid #ccc;
}
#secondColumnLeft ul{
	margin-left:10px;
}

#secondColumnRight ul{
	margin-left:10px;
}
#header h1{
	color:#010101;
	background:url(../images/logoIPCS.png) no-repeat center center;
	width:265px;
	height:135px;	
	float:left;
}

#formContacto li{	
	margin:5px;
}	

#leftContact, 
#rightContact{
	width:49%;
	float:left;
}

#leftContact{
	text-align:right;
	padding-right:5px;
}
#leftContact label{
	text-shadow:#000066;
}
#rightContact input, #rightContact textarea, #rightContact select{
	border: 1px solid #CCCCCC;
	background:#F7F7F7;
	width:350px;
}
#rightContact textarea{
	height:150px;
}
#productDetail #productDetailImage{
	width:400px;
	text-align:center;
	float:left;	
	border-right:1px solid #CCCCCC;
}
#productDetail #productDetailData{
	width:550px;
	float:left;
}
#productDetail #productDetailData h2{
	color:#6D6F71;
	font-size:1em;	
}
#productDetail #productDetailData ul li{
	width:100%;
	padding-left:5px;
	list-style-type:disc;
	list-style-position:inside;
}


#productDetail #productDetailThumbs{
	width:100%;
	float:left;
	border-top:1px solid #CCCCCC;
	margin-top:5px;
}
#productListData{
	width:97%;
	margin:0 auto;
	display:block;
	height:150px;
	*height:auto;
}
#productDetail #productDetailThumbs div,
#productListData div{
	margin:5px;
	float:left;
	border:1px solid white;
}
#productDetail #productDetailThumbs a p,
#productListData div a p{
	text-align:center;
	display:block;
}
#productDetail #productDetailThumbs div:hover,
#productListData div:hover{
	border:1px solid #DFFE8F;
}
#productDetail #productDetailThumbs img,
#productListData img{
	border:none;
}

dl{
	margin-left:5px;
}
dd, dt{
	float:left;
}
dd p{
	margin-left:5px;
}
dt{
	color:#ccc;
	width:150px;	
}
dd{
	width:390px;	
}

#productList{

}
#productList h4{
	background:#DFFE8F none repeat scroll 0 0;
	color:green;
	margin:0 auto;
	padding:3px;
	width:97%;
}

#dataTable{
	border-collapse:collapse;
	width:97%;
	margin:0 auto;
}
#dataTable th{
	background:#DFFE8F none repeat scroll 0 0;
	color:green;
	text-align:center;
}

#btnVolver{

	float:left;
	margin-top:10px;
	width:100%;
}
#btnVolver a{
	color:#333;
	text-align:center;
	display:block;
	border-top:1px solid #CCCCCC;	
}
#btnVolver a:hover{
	border-top:1px solid red;
	color:red;
}

#scopeBoxes{
	width:980px;
	margin:0 auto;
}
#box1,#box2,#box3{
	width:326.6px;
	height:110px;
	float:left;
}
#box2{

}
#box3{

}
#scopeBoxes span{
	height:110px;
	background:black;
	width:40%;
	display:block;
	float:left;
}
#scopeBoxes box1 div,
#scopeBoxes box2 div,
#scopeBoxes box3 div{
	float:left;
}

#box1 span{
	background:url(../images/siniestros.png) no-repeat center right;
}
#box2 span{
	background:url(../images/route.png) no-repeat center right;
}
#box3 span{
	background:url(../images/compass.png) no-repeat center right;
}
#scopeBoxes h1{
	font-size:16px;
	color:#1E1E1E;
	text-align:left;
	margin:5px 0 3px;
}
#scopeBoxes h2{
	font-size:14px;
	color:#4974B9;
	text-align:left;
	margin:0px 0 5px;	
}
#scopeBoxes p{
	color:#808080;
	text-align:left;
}
#scopeBoxes a{
	color:#808080;
}
#scopeBoxes a:hover{
	color:#4974B9;
}