/* Estilos del sitio web CEROMAT */
/* GENERAL  */
P{
	margin-bottom: 1.2em;
}

A{
	color: #333;
	text-decoration: none;
}

A:hover {
	color: #339966;
}

H2 {
	line-height: 1.1em;
	color: #339966;
	font-size: 1.2em;
	margin-bottom: 1.2em;
}

#principal H2,#buscadorsoluciones H2 {
	font-size: 1.4em;
	margin-bottom: 1.2em;
	margin-top: 0.6em;
	text-align: left;
}
#principal  h2{	background: url(../images/PUNTOS2.gif) repeat; padding-bottom:2px; color: #339966;
}

#titulofotos {
	height:96px;
	background-repeat:no-repeat;
}
#titulofoto{ background: url(../images/raya_peq2.gif) repeat; margin-bottom:14px;
}
#titulofoto h2{  margin-top:7px;
}
#contentbusqueda H2,#contentsoluciones H2,#solucionessec H2, #contentsubmenu H2{
	color: #339966;
	background: url(../images/bolo.gif) no-repeat;
	padding-left: 1.3em;
}

H3 {
	line-height: 1.1em;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 0.6em;
	text-align: left;
}

.color {
	color: #616a74;
}

	
select{
	font-size: 100%; /*	_font-size: 0.88em;*/
	color: #333;
	width: 18em; /*		_width: 22.5em;*/
	margin-bottom: 0.3em;
}

#solucionessec select{
	width: 33em;
	margin-bottom: 0.3em;
}

input.buscador{
	font: normal 100% Tahoma, Arial, Helvetica, sans-serif;
	color: #333;
	width: 11em;
}
#headdcha input.buscador{
	font: normal 100% Tahoma, Arial, Helvetica, sans-serif;
	color: #333;
	width: 135px;
}

.boton	{
	margin-right: 14px;
}

.boton2	{
	margin-right: 0.4em;
	margin-left: 0.6em;
}
#headdcha .boton2	{
	margin-right: 0em;
	margin-left: 0.6em;
}
UL.flecha,#principal UL.flecha{
	margin-left: 2.0em;
}
UL.flechausuarios{
	float: left;
	margin-left: 1.8em;
	margin-top: 1.2em;
}
UL UL{

	margin-top: 3px;
	margin-bottom: 7px;
}
#noticias dt{

	margin-top: 1.2em;
}
dl.foto{
	padding-left: 6.8em;
	margin-bottom: 1.2em;
}

dt{
	font: bold 85% Verdana, Arial, Helvetica, sans-serif;
	padding-left: 0.9em;
	color: #339966;
	background: url(../images/bolo_listas.gif) no-repeat;
}

dl.foto dd{
	padding-left: 0.6em;
	margin-top: 0.2em;
	background: url(../images/raya.gif) repeat-y;
}

.cabecera{
	font: bold 85% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background: #d3e5ee;
}


#tablasoluciones TD{
	height: 2.0em;
	padding: 0.8em 0.6em;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #d3e5ee;
	border-left: 1px solid #FFFFFF;

}



.paginacion{
	padding: 0.4em 1.2em 0.2em;
	border: 1px solid #FFFFFF;
	height: 1.6em;
	background: #eeeff0;
}

.paginacion left{
	font: normal 0.8em tahoma, Arial, Helvetica, sans-serif;
	float: right;
}

.activa{
	font-weight: bold;
	color: #339966;
}

.right{
	float: right;
}

.left{
	float: left;
}
.ilustracion{
	float: left;
	width: auto;
	margin-bottom: 1.2em;

}
#ilustracion img{
	float: left;
	margin-right: 0.6em;
}
.vertical{
	margin-right: 1.2em;
	margin-bottom: 0.6em;
	clear:both
}
.border{
	border: 1px solid #ccc;
}
.mailto{
	padding-left: 1.8em;
		margin-left: 0.6em;
	background: url(../images/ico_mail.gif) no-repeat;
}
h3.lista{
	margin-top:1.8em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	padding-left: 0.8em;
	border-bottom: 1px solid #eeeff0;
	width:99%;
	font-size: 1em;
	background: url(../images/bolo_listas.gif) no-repeat;
	clear: both;
}
.imagen{
	float: left;
	padding-right: 1.2em;
		padding-bottom: 1.2em;
	clear:left;
}
A.enlace{
	color: #339966;
}
A.enlace:hover{
	color: #333;
}
li.topo{
	list-style: url(../images/bolo_listas.gif)!important;

}
#principal UL{
	list-style: url(../images/bolo_listas.gif);
	margin-left: 2.0em;
}
#principal UL.inv{
list-style: url(../images/pixel.gif)!important;

}

#principal UL.inv li a{
	color: #339966;

}
#principal UL.inv li a:hover{
	color: #333;

}
.fecha{
	font: bold 85% Verdana, Arial, Helvetica, sans-serif;
	padding-left: 0.9em;
	color: #339966;
	background: url(../images/bolo_listas.gif) no-repeat;
}
UL.submenu{
	list-style: none;
	margin-left: 0em;
}
.submenu li{
	list-style: none;
	background: url(../images/fondo_submenu1.gif) no-repeat;
	padding-left:1.6em;
line-height:0.6em;
height:1.8em;

}
.submenu li.selec{
	background: url(../images/fondo_submenu2.gif) no-repeat;
}
#banners{
	clear:both;
	height: 79px;
}
.ban_left,.ban_center,.ban_right{ 	width: 245px; height:79px; float:left; 	background:  no-repeat;
}
.ban_center{ margin-left:7px; margin-right:7px;
}
.ban_left p, #ban_center p{ 	margin-right:7.8em; margin-top:2.4em; margin-left:1.4em; 	
}
.ban_right p{ 	margin-right:7.8em; margin-top:3.4em; margin-left:1.4em; 	
}

/* Menu subTabs */
#subTabs {
        clear:both;
        border-bottom:4px solid #E8E8E8;
        position:relative;
        padding-top:15px;
        margin-bottom:10px;
}

#subTabs span {
        position:absolute;
        right:4px;
}

#subTabs ul {
        list-style:none;
        margin-left:7px;
}

#subTabs ul li {
        float:left;
        margin-left:3px;
}

#subTabs ul li a{
        display:block;
        height:25px;
        line-height:25px;
        text-align:center;
        color:#006600;
        padding:0 10px;
        text-decoration:none;
        font-weight:bold;
        border-left:1px solid #FFF;
        border-right:1px solid #FFF;
        float:left;
}

#subTabs ul li a:hover, #subTabs ul li.selected a{
        color:#444;
        background:url(../images/bk_subtabs.jpg) 0 0 repeat-x;
        border-left:1px solid #D8D8D8;
        border-right:1px solid #D8D8D8;
        
}

#subTabs p {
        margin-left:7px;
        float:left;
        padding:0.5em 0.2em;
}

/* Listing Items */

.listingItem {
        padding:13px 7px;
        position:relative;
}



.listingItem .company .jobtype a {
        padding-right:8px;
        margin-right:8px;
        border-right:1px solid #666;
        color:#EB4C07;
        font-weight:bold;
}

.even {
background-color:#ccffcc;
border:1px solid #ebebff;
}

.listingItem .time {
        position:absolute;
        top:25px;
        right:7px;
        font-style:italic;
        width:120px;
        text-align:right;

}

* html .listingItem .time {
        right:30px;
}

.listingItem .title a {
        color:#006600;
        text-decoration:none;
        font-size:1.3em;
        font-weight:bold;
}

.titulo {
        color:#006600;
        text-decoration:none;
        font-size:1.3em;
        font-weight:bold;
}

/* CLEARING
------------------------------*/
.clearfix:after {
    content: "."; 
    display:block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
        display: block;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {
        clear: both;
}

.noclear {
        clear: none;
}

/* Validaciones de formulario */
#erroresform {
border: 1px solid red;
padding: 10px 10px 10px 10px;
margin:0px;
}

#okform {
border: 1px solid #00FF33;
padding: 10px 10px 10px 10px;
margin:0px;
}