/* Estilos del sitio web Atisae*/
/* Desarrollado por IECISA */
/* GENERAL BODY */
* {
	margin: 0px;
	padding: 0px;
}

/* clearfix corregido opera */
.clearfix:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

body:last-child .clearfix {
	content: ".";
}

.clearfix {
	display: inline-block;
}

/* \*/
* html .clearfix {
	height: 1%;
}


html{
	background: #e8e8e8;

}
table{
	font: normal 1em Tahoma, Arial, Helvetica, sans-serif;
}


div{
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	border-style: none;
}

html body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #333333;

	background: #e8e8e8 url(../images/fondo.gif) repeat-y center;
}
html body,textfield{
	color: #333333;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
}

#contenedora{
	width: 749px;
	height: auto;
	margin: 0 auto;
	padding: 0px;
	text-align: left;

	background: #fff !important;
}

#headleft {
	margin-top: 0.6em;
	float: left;
	width: 245px;
}

#logo{
	float: none;
	height: 9.99em;
	background: #eee no-repeat;
}
#logo1{
	float: none;
	height: 9.99em;
	background: #d17f33 no-repeat;
}
#logo2{
	float: none;
	height: 9.99em;
	background: #326d99 no-repeat;
}
#logo3{
	float: none;
	height: 9.99em;
	background: #378c91 no-repeat;
}
#titular{
	float: none;
	height: 3.1em;
	background: #23719c no-repeat;
	margin-top: 0.6em;
}

#logoh1{
	display: block;
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	height: 80px;
	width: 200px;
}

#titularh1{
	display: none;
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	height: 30px;
	width: 200px;
}

#menu {
	float: left;
	width: 497px;
	margin-left: 0.6em;
	background: #616a74;
	margin-top: 0.6em;
	margin-bottom: 0.6em;
	
	
}

#raya {
	float: left;
	width: 100%;
	height: 0.9em;
	margin-top: 0.6em;
	background: url(../images/rayaa.gif) repeat-x;
}

	/* NAVIGATION */
ul#nav								{ clear: left; position: relative; top: 0px; left: 0px; list-style-type: none; height: 1.87em; }
ul#nav li							{ display: block; float: left;  width: 124px;	 }
ul#nav li span						{  display: block; position: relative;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	cursor: pointer; height: 1.87em; }
.oculto a	
						{ display: block; margin: 0px;display: none;	
	padding: 0px;
	font-size: 0px;
	line-height: 0px; text-decoration: none; }
ul#nav li a:hover					{ }
ul#nav ul							{ margin: 0px; padding: 0px; list-style-type: none; text-align: left; position: absolute; overflow: hidden; margin-left:0px; border-top: 1px solid #FFF; border-left: 1px solid #FFF;border-right: 1px solid #FFF; width: 12.8em; margin-left:-1px;}
ul#nav ul li						{  background-color: #d8001d ; margin: 0px; padding: 0px;	border-bottom: 1px solid #FFF; line-height: 1.7em;  width: 100%;}
ul#nav ul li span					{  height: 100%; width: 100%;}
ul#nav ul li span a					{

	text-align: left;
	padding-left: 7px;
	color:#FFFFFF;
	text-decoration: none;
}
ul#nav ul li span a:hover			{ background-color:#23719c; 	width: 100%;
	height: 100%; display: block;}
#menu1Content						{ display: none; z-index: 10; height: 0px; }
#menu2Content						{ display: none; z-index: 10; height: 0px; }
#menu3Content						{ display: none; z-index: 10; height: 0px; }
#menu4Content						{ display: none; z-index: 10; height: 0px; }
ul#nav ul#menu4Content					{  margin-left:-18px;}

.mayor						{
	width: 12.8em!important;
}


#cuerpo {
	clear: both;
	height: auto;
	padding-top: 7px;
}

#izquierda{
	float: left; /**width:44.32em; */
	width: 43em;
	margin-right: 0.6em;
}
#pelicula{
	float: left;
	margin-right: 0em;
}

#lateraldcho{
	float: right;
	width: 21.86em;
}

.borde{
	background: url(../images/raya_peq.gif) repeat;
}

#footer{
	clear: both;
	text-align: right;
	width: 100%;
	margin-top: 1.8em;
	background: #338bb9;
}

UL#accesosfooter {
	margin: 0;
	padding: 5px 7px;
}

#accesosfooter LI {
	margin: 0 0 0 0.7em;
	padding: 0em 0 0 0.7em;
	display: inline;
	border-left: 1px solid #fff;
}

#accesosfooter LI A {
	color: #fff;
	text-decoration: none;
}

#accesosfooter LI A:hover {
	color: #FF9900;
}

#copy{
	width: 100%;
	clear: both;
	text-align: center;
	padding-bottom: 1.2em;
	margin-top: 0.6em;
	font-size: 0.9em;
}

	
	/* index */
#logoindex {
	margin: 14px 7px 0em 0em;
	padding: 0em;
	background: #FFFFFF;
	display: block;
	width: 245px;
	height: auto;
}

#logoindex ul{
	padding-top: 0em;
	margin-left: 28px;
}
#corporativo{
	width: 245px;
	margin: 0px 0em 0px 0px;
	padding: 0em 0em 0em;
	background: #fff;
	float: left;
	height:100px;
}

#menuactividades{
	width: 231px;
	margin: 10px 0em 10px 7px;
	padding: 4.2em 7px 14px;
	background: #fff;
	float: left;
	height:100px;
}

 #menusectores{
	width: 231px;
	margin: 10px 0em 10px 7px;
	padding: 4.2em 7px 14px;
	background: #fff;
	float: left;
	height:100px;
}
 #menucorpo{
	width: 230px;
	margin: 0px 0px 10px;
	padding: 4.2em 0.6em 1.2em;
	background: #fff;
	float: left;
	height:100px;
}

#menuactividades UL, #menusectores UL, #menucorpo UL{
	margin-top: 0em;
	margin-left: 7px;
	margin-right: 7px;
}

#menuactividades LI, #menusectores LI, #menucorpo LI{
	background: url(../images/fondo_menu.gif) repeat-x;
	list-style: none;
	padding-left: 1.8em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}

.invisible{
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	color: #FFFFFF;
	display: none;
}

	#noticias{
	width: 231px;
	margin: 0em 0em 0.6em 0.6em;
	padding: 1.8em 0.6em 1.2em;
	float: right;
	background: #FFFFFF url(../images/tit_noticias.gif) no-repeat;

}

#mundo{
	width: 245px;
	margin: 0em 0em 0.6em;
	padding: 1.2em 0em;
	background: url(../images/raya_roja.gif) repeat-x;
}

#usuarios{
	margin: 0.6em 7px 0.6em 0em;
	padding: 1.2em 0em;
	background: url(../images/tit_registrados.gif) no-repeat;
	width: auto;
	height: auto;
}



UL#accesoshead {
	margin: 0 0 0 10.6em;
	padding: 0.2em 0em 0em;
}

#accesoshead LI {
	margin: 0 0 0 0.4em;
	padding: 0 0 0 0.4em;
	display: inline;
}

.separa{
	border-right: 1px solid #333;
}

#accesoshead LI A {
	text-decoration: none;
	font-size: 0.9em;
}

label{
	margin: 0.2em 0 0 2.0em;
	width: 6em;
	float: left;
	padding-bottom: 0em;
}

.registro{
	width: 11.6em;
	float: left;
	margin-bottom: 0.3em;
	font-size: 100%;
}

form{
	margin: 0px;
	padding: 0px;
}

#headcenter, #headright {
	float: left;
	width: 245px;
	margin-left: 0.6em;
	height: 11.24em;
}

#menu1Content, #menu2Content, #menu3Content, #menu4Content {
	display: none;
	z-index: 10;
	height: 0px;
}

#soluciones, #busquedaA, #destacadosA, #contactoA, #submenu{
	float: left;
	margin-bottom: 0.6em;
}
 #notdes #destacadosA{
	float: right;
	margin-bottom: 0.6em;
}
 #notdes  #contentdestacados{
	width: 224px;
	margin: 0em;
	padding: 34px 0.6em 7px;
	background: #FFFFFF url(../images/tit_destacados.gif) no-repeat left top;
}
#contentsoluciones, #contentbusqueda, #contentdestacados, #contentcontacto, #contentsubmenu {
	width: 19.46em;
	margin: 0.6em;
	padding: 14px 0.6em;
	background: #FFFFFF;
}
#corporativo #contentbusqueda{
	width: 19.46em;
	margin: 0.6em;
	padding: 7px 0.6em 8px;
	background: #FFFFFF;
}
#principal, #solucionessec, #tambien, #buscadorsoluciones , #banerdestacado{
	float: left;
	margin: 0.6em 0em 1.2em 0.6em; /*width:42em; */
	text-align: justify;
	width: 467px;
}
#headindex {
	clear: both;
	padding-top: 0.6em;
	height: auto;
}
#headdcha{
	float: right;
	width: 245px;
}
.borde2{
	background: url(../images/raya_peqroja.gif) repeat;
}

.destleft, .destright{
	float: left;
	height: 120px;
	width: 151px;
	padding-top: 0.5em;
}
.destcenter{
	float: left;
	margin-left: 7px;
	margin-right: 7px;
	height: 120px;
	width: 151px;
	padding-top: 0.5em;
}
#banerdestacado h3 {
	margin: 0em 1.2em 0em 1.6em;
	font-size: 1em;
}
#banerdestacado h3 a{
	color:#FFFFFF;
		padding-bottom:0em;
}
#banerdestacado h3 a:hover{

	color:#FFFFFF;
	text-decoration:underline;
}

