﻿body {
        margin: 0px;
        padding: 16px 0;
        font: 12px Verdana, Arial, Helvetica, sans-serif;
        color: #282828;
        text-align: center;
}

.bodyInterior{
background: url(/images/backgroundpequeno.gif) top center repeat-x #CFDEEA;
}
.bodyPortada{
background: url(/images/background.gif) top center repeat-x #CFDEEA;
}
p{
font-size:11px;
text-align:justify;
line-height:16px;
}
img {
	border-style: none;
}
img.pic_left{
float:left;
padding:5px;
margin:0 8px 8px 8px;
border:1px  #CCCCCC solid;
}
a {
	color: #0178bc;
	text-decoration: none;

}

ul {
	margin: 0 0 20px 0;
	padding: 0px;
	
}

a:hover {
	color: #1471B1;

}
#iwithblockmsg-lema p{
padding:5px 0 0 20px;
margin:0px;
font-weight:bold;
font-size:14px;
color:#FFFFFF;
}

#iwith-title1{
float:left;
width:100%}
h3{
font-size:14px;
color: #0178bc;
float:left;
width:100%;
*margin-top:10px; !important;  /* Sólo IE7 */
}
*html h3{
font-size:14px;
color: #0178bc;
margin-top:10px;/*IE6*/
}
h4{
font-size:13px;
padding:2px;
margin:0px;
color: #0178bc;
border-bottom:1px #999999 dashed;
}
#container {
	position: relative;
	width: 940px;
	margin: 0 auto;
	padding: 0px;
	text-align: left;
}

#iwith-headPortada{
	width: 940px;
	height: 227px;
	background: url(/images/head.gif) no-repeat;
	padding-left:5px;
}
#iwith-headPortada h1 {
	position: absolute;
	margin: 50px 0 0 10px;
	height:227px;
	width:910px;
}

#iwithblockmsg-head {
	width: 940px;
	height: 172px;
	background: url(/images/head.gif) no-repeat;
}
#iwithblockmsg-head h1 {
	position: absolute;
	margin: 20px 0 0 0 10px;
	height:1px;
	width:1px;
}
.top_head_banner{
float:right;
width:200px;
height:120px;
background:url(../images/top_head.gif) no-repeat right;
background-position:-12px 12px;
}

#iwithblockmenu-menuSuperior {
*position:absolute; !important;  /* Sólo IE7 */
*top:10px; !important;  /* Sólo IE7 */
*left:350px; !important;  /* Sólo IE7 */
	float:right;
	width:50%;
	margin-top: 20px;
	padding: 0px;
	text-align: right;
	padding-right:20px;
}
*html #iwithblockmenu-menuSuperior {
position:absolute;
top:10px;
left:350px;

}

#iwithblockmenu-menuSuperior a {
	padding: 0 0 7px 0;
	height: 22px;
	color: #0178bc;
}
#iwithblockmenu-menuSuperior a:hover {
color:#000033;
text-decoration:underline;
}

#area {
	width: 940px;
	height: 54px;
	background: url(/images/area.gif) repeat-x;
}

#main {
	margin: auto;
	background: url(/images/bg_main.gif) repeat-y;
	width: 940px;
	height: auto; 
}

#iwithblockmsg-bannerfotos{
position:absolute;
top:50px;
margin-left:525px;
	width:400px;
	height:100px;
	z-index:1;
	
}

#iwith-bannerfotos{
position:absolute;
top:120px;
margin-left:430px;
	width:300px;
	height:75px;
	z-index:1;
	
}

#content_left{
float:left;
padding:5px;
width: 200px;
height:auto;
padding:0 20px 20px 20px;
}

#iwithblockmsg-left{
padding:5px;
font-size:11px;
color: #0178bc;
margin-top:5px;
}
#iwithblockmsg-left2{
padding:5px;
font-size:11px;
color: #0178bc;
margin-top:5px;
}


/********************************* Navigation **********************************/

#iwithblockmenu-navcontainer { }

#iwithblockmenu-navcontainer ul
{
	list-style-type: none;
	font-weight: bold;
	color: #0178bc;
	font-size:11px;
	margin-top:20px;

}

#iwithblockmenu-navcontainer a
{
	display: block;
	width: 205px;
	background-color: #DCE3ED;
	border-bottom: 1px solid #eee;
	height: 25px;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom:5px;

}


#iwithblockmenu-navcontainer a:link, #navlist a:visited
{
color: #0178bc;
text-decoration: none;
}

#iwithblockmenu-navcontainer a:hover 
{	
	color: #000000;
	background-color:#e8f2f8;
}

/********************************* Navigation 2 **********************************/

#iwithblockmenu-navcontainer2 { }

#iwithblockmenu-navcontainer2 ul
{
	list-style-type: none;
	font-weight: bold;
	color: #0178bc;
	font-size:11px;
	margin-top:5px;
	
}

#iwithblockmenu-navcontainer2 a
{
	display: block;
	width: 205px;
	background-color: #DCE3ED;
	border-bottom: 1px solid #eee;
	height: 25px;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom:5px;
	padding-right:5px;
}


#iwithblockmenu-navcontainer2 a:link, #iwithblockmenu-navcontainer2 a:visited
{
color: #0178bc;
text-decoration: none;
}

#iwithblockmenu-navcontainer2 a:hover 
{	
	color: #000000;
	background-color:#e8f2f8;
}


#content_right {
float:left;
padding:20px 20px 30px 20px;
width: 645px;
height:auto;
font-size:11px;
text-align:justify;
line-height:16px;
}

*html #content_right {
float:right;
padding:20px 0px 30px 10px;
margin-right:50px;
width: 600px;}



#iwithblockmsg-lema {
background: url(/images/center_banner.gif) no-repeat;
background-position:12px 0px;
padding:10px;
width: 910px;
height:40px; 
}
.item_box{
width:auto;
height:auto;
padding:10px 0 5px 0;
border-bottom:1px #666666 dashed;
}

#iwithblockmsg-bannerCampana{
float:left;
width:100%; 
 padding-bottom:2px;
padding-top:5px;
text-align:center;}



#iwith-bannerCampanaPortada{
float:left;
width:100%; clear:both; padding-bottom:2px;
padding-top:5px;
text-align:center;}

#iwith-breadcrumb{
float:left;
width:100%; padding-bottom:2px;
margin-bottom:5px;
padding-top:5px;
text-align: left;
font-size:11px;
color:#6EB2D8;}

#iwith-breadcrumb a{
color:#333333;}
#iwith-breadcrumb a:hover{
color:#6EB2D8;}


.spacer{
width:auto; height:2px; clear:both; padding-bottom:2px;}


#iwithblockmsg-logos{
width: 910px; height:45px; clear:both; padding-bottom:2px;
padding-left:20px;
background: url(/images/center_banner.gif) no-repeat;
background-position:12px 0px;}
/*---------contact----------*/
#form {
	padding: 0px;
	margin: 0px;
}
#fields label {
	width: 260px;
	display: block;
	padding: 0px;
}
#fields input {
	border: 1px solid #C8D2D9;
	margin: 0 0 3px 0;
	width: 260px;
}
#fields textarea {
	border: 1px solid #C8D2D9;
	margin: 0 0 3px 0;
	width: 260px;
	height: 63px;
}
#send input {
	width: 64px;
	height: 20px;
	margin: 0px;
}

.contact_info{
float:left;
padding:15px;
}

/*work------------*/
.project_details{
float:left;
width:200px;
color:#0099FF;
padding:10px 0 0 10px;
}
#iwithblockmsg-footer {
text-align:center;
font-size:10px;
color:#000033;
background: url(/images/iwithblockmsg-footer.gif) no-repeat;
background-position:0px 0px;
padding-top:10px;
width: 940px;
height:85px;
}
#iwithblockmsg-footer a {
	background: none;
	padding: 0px;

}
#madeby{
width:200px;
height:85px;
float:right;
padding-right:30px;
text-align:center;
}
#madeby a{
text-decoration:none;
color:#666666;
}





#iwith-boxizquierda{
float:left;
width:47%;
padding:5px;
background-color:#CFDEEA;}
#iwith-boxderecha{
float: right;
width:47%;
padding:5px;
background-color:#CFDEEA;}
#box1{
float:left;
width:100%;}


#boxaagenda{
padding:5px;
float:left;
width:100%;
background-color:#CFDEEA;}





/*forms*/

/*forms*/

.boton-form {
	font-size:10px;
	font-family:Verdana, Tahoma, Arial, sans-serif;
	font-weight:bold;
	color:#0178bc;
	background:#F8FCFF;
	border:10px, 1px, 3px, 5px;
	width:50px;
	height:19px;
	}
	/***** Table styles *****/

#search table {
margin:0 0 16px 0;
padding:0;
line-height:1.3em;
border-collapse:collapse;
border:1px solid #d8d8d8;
}

#search caption {
text-align:left;
font-size:1.5em;
font-weight:normal;
margin:0;
padding:6px 0 8px 0;
}

#search th {
padding:7px;
text-align:left;
background:#eaeaea url(/images/menubg2.gif) bottom left repeat-x;
color:#505050;
}

#search td {
padding:7px;
font-size:0.9em;
text-align:left;
color:#303030;
background-color:#e8f2f8;
}
#box2{
float:left;
width:650px;
margin-top:15px;}


*html #box2{
float:left;
width:600px;
margin-top:15px;}