/*
-----------------------------------------------------------
Titulo:			inelsur.com - Screen
Autor:			Francisco Medina fmedina@brahmaproducciones.com
Actualizado:	28 febrero 2007
Version:		1.0
-----------------------------------------------------------
*/
body {
background: #000000;
margin: 0px;
padding: 0px;
}
html{
scrollbar-base-color:#6685b3;
scrollbar-arrow-color:#ffffff;
scrollbar-track-color:#9fb7d1;
scrollbar-shadow-color:#999999;
scrollbar-lightshadow-color:#999999;
scrollbar-darkshadow-color:#808080;
scrollbar-highlight-color:#D2CFDA;
scrollbar-3dlight-color:#999999
}
#contenedor {
margin: 0px auto;
padding: 0px;
height: 565px;
width: 900px;
}
#kbz {
background: #264681 url(imgs/top.jpg) no-repeat left top;
height: 148px;
}
#kbz-i img {
}
#kbz-i {
height: 147px;
width: 185px;
float: left;
margin-left: 25px;
}
#kbz-d {
height: 147px;
float: left;
}
#menusup {
height: 100px;
position: relative;
width: 630px;
}
#menusup ul {
margin: 0px;
padding: 0px;
}
#menusup ul li{
display: inline;
}
#menusup .num-1 {
	background: url(imgs/01.gif) no-repeat left top;
}
#menusup .num-2 {
	background: url(imgs/02.gif) no-repeat left top;
}
#menusup .num-3 {
	background: url(imgs/03.gif) no-repeat left top;
}
#menusup .num-4 {
	background: url(imgs/04.gif) no-repeat left top;
}
#menusup .num-5 {
	background: url(imgs/05.gif) no-repeat left top;
}
#menusup .num-6 {
	background: url(imgs/06.gif) no-repeat left top;
}


#menusup ul li a {
color: #FFFFFF;
font: 90%/40px Arial, Helvetica, sans-serif;
text-decoration: none;
background: url(imgs/links-bkg.gif) no-repeat right top;
padding-top: 11px;
padding-right: 35px;
margin-left: 3px;
}
#menusup ul li a:hover {
background: url(imgs/links-bkg.gif) no-repeat right -40px;
color: #A2B7D4;
}
#menusup ul li a.fin {
color: #FFFFFF;
font: 90%/40px Arial, Helvetica, sans-serif;
text-decoration: none;
background: url(imgs/links-bkg-fin.gif) no-repeat right top;
padding-top: 11px;
padding-right: 22px;
margin-left: 5px;
}
#menusup ul li a.fin:hover {
background: url(imgs/links-bkg-fin.gif) no-repeat right -40px;
color: #A2B7D4;
}
#flash {
height: 25px;
background: #193A89 url(imgs/flash-bkg.jpg) repeat-x left top;
}
#flash-i {
height: 25px;
width: 222px;
float: left;
position: relative;
text-align: center;
}
#flash-i a {
color: #FFFFFF;
text-decoration: none;
font: 70% Arial, Helvetica, sans-serif;
padding-top: 5px;
}
#flash-i a:hover {
text-decoration: underline;
}
#flash-i p {
margin: 0px;
padding: 6px 0px 0px;
}
#flash-d {
float: left;
height: 25px;
width: 670px;
position: relative;
}
#flash-d #swf {
height: 103px;
width: 630px;
position: absolute;
z-index: 20;
top: -40px;
left: 19px;
}
#contenido {
background: #264681 url(imgs/bkg.jpg) repeat-x left top;
height: 346px;
}
#contenido-i {
width: 207px;
height: 338px;
float: left;
background: url(imgs/formulario.jpg) no-repeat left top;
margin-left: 7px;
}
#contenido-i h2 {
margin-left:91px;
margin-top: 90px;
color: #FFFFFF;
font: bold 80% Arial, Helvetica, sans-serif;
}
#formulariocontacto {
position: relative;
width: 160px;
height: 50px;
top: -5px;
margin-top: 0px;
left: 13px;
color: #FFFFFF;
font: bold 70% Arial, Helvetica, sans-serif;
}

 #formulariocontacto .rotulo{
               width: 130px;
               float: left;
               margin-top: 0px;
	}
	#formulariocontacto .detalle{
              margin-top: 3px;
	}
	.imagendere{
	  
	   margin: 10px 15px 0px 5px;
		float:right;
      }
	  .imagencent{
	   margin: 10px 15px 0px 5px;
	   margin-left: 140px;
		
      }
	  .imagdere{
	  
	   border: 2px solid #254a90;
	   margin: 0;
   } 
   .titimagen{
		
		width: 89px;
		height: 18px;
		margin: 10px 10px 2px 0;
		
	   
	   float: right;		
	   /*
	   font: bold 11px Arial, Times New Roman, serif;
       color: #9a0808;	   
	   text-indent: 10px;*/
	}
#formu .datos {
background: #FFFFFF;
font-size: 95%;
}
#formu .boton {
color: #FFFFFF;
background: #0099CC;
border: 1px solid #006699;
margin: 0px 3px;
padding: 0px;
}
#formu .td2 {
width: 60px;
vertical-align: middle;
text-align: right;
}
#formu .td1 {
height: 50px;
text-align: right;
}
#formu .td3 {
width: 100px;
padding: 2px 0px;
}
#formu .td4 {
text-align: center;
}
#contenido-d {
float: left;
width: 600px;
background: #FFFFFF url(imgs/fndte.jpg) repeat-x 0px 10px;
margin-left: 35px;
}
#contenido-d h1 {
color: #a00202;
font: bold 95% Arial, Helvetica, sans-serif;
padding: 0px;
margin: 50px 0px 10px 20px;
}
#contenido-d #scroll {
height: 237px;
overflow: auto;
}
#contenido-d #scroll #foto-scroll {
float: right;
margin: 0px 10px 10px;
}
#contenido-d p {
margin: 7px 20px;
padding: 0px;
font: 75% Arial, Helvetica, sans-serif;
text-align: justify;
color: #666666;
}
#contenido-d h3 {
margin: 7px 20px 0 40px;
padding: 0px;
font: 75% Arial, Helvetica, sans-serif;
text-align: justify;
color: #666666;
}
#contenido-d h4 {
margin: 7px 20px;
padding: 0px;
font: bold 75% Arial, Helvetica, sans-serif;
text-align: justify;
color: #666666;
}
.titcajaconte {
margin: 7px 20px;
padding: 0px;
font: bold 75% Arial, Helvetica, sans-serif;
text-align: justify;
color: #666666;
}
.enlacemas {
margin: 7px 20px;
padding: 0px;
font: normal 11px Arial, Helvetica, sans-serif;
text-align: justify;
color: #999999;
text-decoration: none;
}
.titcajax {
margin: 7px 20px;
padding: 0px;
font: bold 75% Arial, Helvetica, sans-serif;
text-align: justify;
color: #333333;
}
#texto h2 {
/*	position: relative;*/
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	color: #666666;
	margin-left: 35px;
	text-decoration: none;
}

#pie {
background: #193A89;
height: 43px;
border-top: 2px solid #FFFFFF;
text-align: center;
}
#pie p {
color: #FFFFFF;
font: 70% Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
}
#pie p.evol {
font-size: 60%;
margin: 0px;
padding: 0px;
}
#pie .evol a {
color: #00CCFF;
}