@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea
{margin:0;padding:0;border:0;outline:0;vertical-align:top;background:transparent;font-weight:normal;line-height:normal;font-family:'Droid Sans', sans-serif;}


@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);


body {
	background-color: #4a4743;
	background-image: url(../img/fondo.jpg);
	background-position:top;
	background-repeat: no-repeat;
}


.header {
	width:100%;
	background-image:url(../img/fondo-cab.png);	
	height:95px;
	border-top: #a2e014 3px solid;
	margin-bottom:40px;
	}

.centrador {
	width:960px;
	margin:0 auto;
	position:relative;	
	}	



.cuerpo {
	width:100%;
	overflow:auto;
	}	
	
.clear{
	clear:both;
	}
	
.pie {
	bottom:0px; 
	width:100%;
background-image:url(../img/fondo-pie.jpg);
	height:80px;
	margin-top:60px;
	}
	

.artdinamica{
	float:left;
	margin-top:20px;
	width:150px;
	color:#d5e6ae;
	font-size:0.7em;
	}
.artdinamica a:link{ text-decoration:none; color:#d5e6ae; transition: color.3s ease-in-out;	}	
.artdinamica a:hover{ color:#fff;text-decoration:none;	}
.artdinamica a:visited{	 color:#d5e6ae;	text-decoration:none;} 

.direccion{ 
	float:left;
	margin-top:20px;
	width:650px;
	color:#fff;
	font-size:1em;
	font-family:'Droid Sans', sans-serif;

	}

.direccion a:link{
	text-decoration:none;
	 color:#fff;
	  transition: color .3s ease-in-out;
	}	

.direccion a:hover{
	text-decoration:none;
	 color:#a6a6a6;
	}

.direccion a:visited{
	text-decoration:none;
	 color:#fff;
	}		
	

.logo-pie {
	width: 182px;
	height:133px;
	background-image:url(../img/logo-pie.jpg);
	background-position:center;
	background-repeat:no-repeat;
	position:absolute;
	top:-53px;
	z-index:30000;
	left: 804px;
	}		
.logo-pie:hover {
	 transition: top .3s ease-in-out;
	top:-60px;
	}

	
.logo {
	width: 252px;
	height:77px;
	background-image:url(../img/logo-kivan.png);
	background-position:center;
	background-repeat:no-repeat;
	position:absolute;
	top:11px;
	z-index:30000;
	}	
	
/* HOME //////////////////////////////////////////////////////// */	

.caja-ser{
	width:660px;
	float:left;
	margin-right:10px;

	}

.caja-not{
	width:280px;
	height:607px;
	padding:5px;
	background:url(../img/fondo-cab.png);
	float:left;
	margin-top:5px;
	overflow: hidden;
	}

.caja-servicio {
	
	width:200px;
	height:190px;
	padding:5px;
	float:left;
	background:url(../img/fondo-cab.png);
	margin:5px;
	text-align:center;
	
	}
	
.caja-servicio:hover {
	
	color: #000 !important;
	background-color:#a2e014;
	background-image:none;

	}	
	
.caja-servicio:hover > .cajatexto  { color: #000 !important;}
	
.cajatexto {
	width:200px;
	height:65px;
	padding-top:10px;
	background-image:url(../img/mas.png);
	background-repeat:no-repeat;
	background-position: 180px 55px;
	text-align:center;
	color:#FFF;
	
	}


.titulares-not {
	height:31px;
	width:270px;
	background-color:#a2e014;
	color:#FFFFFF;
	text-align:center;
	padding:15px 5px 5px 5px;
	float:left;

	}
	
.noticia{
	
	padding:10px;
	border-bottom:#FFF 1px dotted;
	float:left;
	}	
.ver-mas{
	text-align:right;
	height:20px;
	color:#a2e014;
	}	
	
/* GENERALES  //////////////////////////////////////////////////////// */	


.caja-centro{
	margin: 0 auto;
	width:930px;
	padding:30px;
	background:url(../img/fondo-cab.png);
	position:relative;
	min-height:280px;

	}
	
	
.caja-recursos {
	
	width:440px;
	padding:5px;
	float:left;
	background:url(../img/fondo-cab.png);
	margin:5px;
	text-align:center;
	
	}	

/* SERVICIOS //////////////////////////////////////////////////////// */	

.caja-centro-servicios{
	margin: 0 auto;
	width:980px;
	background:url(../img/fondo-cab.png);
	min-height:470px;

	}
.titulo-menu{
	padding:20px 10px 10px 40px;
	}	
.caja-conten-serv {
	width:680px;
	padding-left:60px;
	padding-top:20px;
	float:left;
	}
	

.imagen-derecha {
	float:right;
	margin:25px ;
		}
.servicios-cajas {
	width:270px;
	height:25px;
	float:left;
	margin:5px 0px 5px 10px;
	padding:13px;
	background-color:#000;
	background-image:url(../img/mas.png);
	background-position: 273px 24px;
	background-repeat:no-repeat;
	color:#FFFFFF;
	text-align:center;
	font-size:0.8em;
	}	
.servicios-cajas:hover {
	color:#000;
	background-color:#a2e014;
	}
	
.servicios-cajas2 {
	width:270px;
	height:25px;
	float:left;
	margin:5px 0px 5px 10px;
	padding:13px;
	background-color:#000;
	color:#FFFFFF;
	text-align:center;
	font-size:0.8em;
	}		
	



.caja-electricas {
	
	width:420px;
	padding:10px;
	float:left;
	background:url(../img/fondo-cab.png);
	margin:5px;
	
	}
	
.servicios-cajas3 {
	width:420px;
	height:25px;
	float:left;
	margin:5px 0px 5px 10px;
	padding:13px;
	background-color:#000;
	background-image:url(../img/mas.png);
	background-position: 410px 24px;
	background-repeat:no-repeat;
	color:#FFFFFF;
	text-align:center;
	font-size:0.8em;
	}	
.servicios-cajas3:hover {
	color:#000;
	background-color:#a2e014;
	}	

.volver {
	color:#000;
	background-color:#a2e014;
	width:113px;
	padding:5px;
	position:absolute;
	left: 871px;
	top: 11px;
	font-size:0.7em;
	}
.volver:hover { 
	color:#fff;
	background-color:#000;

}

/* contacto //////////////////////////////////////////////////////// */	

.caja-mitad { 
float:left;
width:300px;
margin-top:20px;



}

.caja-mapa { 
float:left;
width:600px;
height:500px;
margin-left:30px;
margin-top:20px;

}


/* fin contacto //////////////////////////////////////////////////////// */	



/*  NOTICIAS //////////////////////////////////////////////////////// */	

.noticias {
	border-bottom:#CCC 1px dotted;
	margin:10px 0px 30px 0px;
	padding-bottom:20px;
	}

.noticias img {
	float: right;
	margin:10px;
	
	}

/* FUENTES ESTILOS TEXTOS //////////////////////////////////////////////////////// */	

.textnormal {
	font-size:0.8em;
	color:#fff;
	transition: color.3s ease-in-out;
	list-style-image: url(../img/bulet.png);
	
	}
	
	
.textnormal a:hover {color:#fff; text-decoration:none;}	
.textnormal a:link {color:#a2e014; text-decoration:none;}
.textnormal a:visited {	color:#fff; text-decoration:none;}	


.textnormal li{
	margin-left:20px;
	margin-top:5px;
	list-style-image: url(../img/bulet.png);
	}

.sublista {	

	list-style-image: url(../img/bulet2.png) !important;
	}
	
.neg {
	font-weight:700;
	}	
.notas {
	font-size:0.7em;
	color:#7f7f7f;
	}	
.titulos {
	font-size:1.2em;
	color:#a2e014;
	transition: color.3s ease-in-out;
	}
.titulos a:hover {color: #FFF;	}	
.titulos a:link {color:#a2e014; text-decoration:none;	}	
.titulos a:visited {color:#a2e014;	}	
.titulos a:active {color:#a2e014;	}
		
.form {
	font-size:0.8em;
	color:#7f7f7f;
	border:solid 1px #999;
	margin-bottom:5px;
	
	}

.boton{
	font-size:0.8em;
	padding:4px;
	color:#FFF;
	background-color:#333;
	margin-top:5px;
	text-align:center;
	
	}	
.boton:link {
		color:#FFF;
		text-decoration:none;
	}	
.boton:hover {
	color:#FFF;
	background-color:#646464;
	}		
.boton:visited {
		color:#FFF;
	}		
.estilo-naranja {
	color:#996600;
}
.estilo-destacado {
	color:#999933;	
}