@charset "utf-8";
/* CSS Document */
/* -- reset -- */

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 { margin:0;padding:0;border:0;outline:0; vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

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


/*--grilla--*/
.columnas {	margin-left: auto;	margin-right: auto; width: 960px;  }
.columnas-internas {	margin-left: auto;	margin-right: auto;margin-top:15px; width: 960px;  } 
.tit { background:url(../images/bg-tit.jpg) repeat-y; padding-bottom:5px; overflow:hidden; }
.colnews { background:url(../images/bg-sepv.png) repeat-y; overflow: hidden}
.grid_2, .grid_3, .grid_4, .grid_8, .grid_9 { display: inline; float: left; position: relative; margin-left: 10px; margin-right: 10px; }
.grid_3 { width: 220px }  /*grilla para 3 columnas */
.grid_6 { width: 480px } /* contenedor para 2 grid_3 */
.grid_9 { width: 700px } /* contenedor de 3 grid_3 */
.push_3 { left: 240px }  /* empuja el contenedor grid_9 */
.push_6 { left: 480px } /* empuja */
.pull_6 { left: -480px } /* tira el contenedor grid_6 */
.pull_3 { left: -220px } /* tira el contenedor grid_6*/
.grid_2 { width: 140px } /* grilla para 2 columnas */
.grid_8 { width: 620px; } /*contenedor de 4 grid_2 */
.grid_4 { width: 320px; } /*contenedor de 4 grid_1 */
.grid_4.ancho { width: 690px; } 
.push_4 { left: 320px; } /* empuja el contenedor grid_8 */
.push_10 { left: 800px } 


/* `Grid >> Children (Alpha ~ First, Omega ~ Last)--*/
.alpha { margin-left: 0;}
.omega { margin-right: 0;}
h1, h2, h3, h4 { font-size:14px }
h1 { color: #060 }
h2 { color: #00bff3 }
h3 { color: #0076a3 }
h4 { color: #ed1c24 }
p { font-size: 13px; color: #666}
a { color: #060; text-decoration:none; }
a:hover { color:#030; text-decoration:underline;}
span { color:#060; font-size:12px }
span.top { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:12px; color: white; }
.space { width:940px; height:10px; margin:0 auto; clear:both }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}

html, body, #wrap { height:100%; margin:0 auto;line-height:1.2;}
body { background:url('../images/bg.jpg') repeat-x #f4f4f4; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:100%; color:#666}
#wrap { width:100%; height:auto; min-height:100% }
#main { margin:0 auto; width:960px; }


/* principal */
#top { height: 30px; }
#hd { height: 120px; background: url(../images/bghd.png) no-repeat }
#logo { height:120px; width:275px; float:left; display:block}
#menu li ul { 
	background: #ececec;
	border-top: 1px solid #333;
	border-bottom: 1px solid #f4f4f4;
	border-right: 1px solid #f4f4f4;
	border-left: 1px solid #f4f4f4;
	margin-left: -1px;
}

#menu li ul ul {
	border: 1px solid #ececec;
}

#menu li li a {
}

#menu li li a:focus, #menu li li a:hover, #menu li li a:active {
	background: #f4f4f4;
}

#menu li li a {
	color: #FFFFFF;
}

.sf-sub-indicator {
	background:		url('style1/arrows.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

#contenedor { width:960px; height: auto!important; /* para los browsers buenos */ height: 550px; /* para IE5+ */min-height:550px;  position:relative; padding:0; }
#redes { width:960px; height:48px; background:url(../images/bgredes.jpg) no-repeat; padding-top:8px; }

ul#red { width:425px; height:40px; float:left; padding:0px; position:relative; display:block; margin-left:25px }
ul#red li{ list-style: none; display:inline } 
ul#red li a{ width:85px; height:40px; display:block; position:absolute; padding:0px; text-indent:-9999px; outline:none; border:0 none}

li#face a { background: url(../images/redsprite.png) no-repeat; background-position:0px 0px; left:0px }
li#face a:hover{ background: url(../images/redsprite.png) no-repeat; background-position:0px -40px; left:0px}
li#twit a { background: url(../images/redsprite.png) no-repeat; background-position:-85px 0px; left:84px }
li#twit a:hover { background: url(../images/redsprite.png) no-repeat; background-position:-85px -40px; left:84px }
li#linkm a { background: url(../images/redsprite.png) no-repeat; background-position:-170px 0px; left:169px }
li#linkm a:hover { background: url(../images/redsprite.png) no-repeat; background-position:-170px -40px; left:169px }
li#linkc a { background: url(../images/redsprite.png) no-repeat; background-position:-255px 0px; left:254px }
li#linkc a:hover { background: url(../images/redsprite.png) no-repeat; background-position:-255px -40px; left:254px }
li#yout a { background: url(../images/redsprite.png) no-repeat; background-position:-340px 0px; left:339px }
li#yout a:hover { background: url(../images/redsprite.png) no-repeat; background-position:-340px -40px; left:339px }

#btcaso { width:330px; height:130px; position:absolute; right:10px; top:266px; background:url(../images/btcasos.png) no-repeat }

.news { width:220px; background: url(../images/bg-sep.gif) repeat-x scroll center top; padding-top:5px;}
.tt, .tx, .ft { padding-bottom:5px }
.banner { margin:3px 6px;}
.logos { margin:10px 0px}


/* slider */
#slider { margin: 0 auto; height: 330px; padding-top:10px }
#slider a img { text-decoration: none; border: none }
#slider ul, #slider li { margin: 0 auto; padding:0; list-style:none;}
#slider li { width:940px; height:330px; overflow: hidden; }
/* control numerico slider no usado - borrar al final */
ol#controls { padding-right: 0px; padding-left:0px; padding-bottom:0px; padding-top:0px; height:28px; position: relative; top: 10px; left:45px; clear:both; }
ol#controls li { display:inline; float:left; list-style-image:none; list-style-position:outside; list-style-type:none; padding:0px 0px ; height:28px; line-height:20px}
ol#controls li a { border-right: #0055a5 1px solid; padding-right: 0px; border-top: #0055a5 1px solid; display: block; padding-left: 3px; background: #108ded; float: left; padding-bottom: 3px; margin: 0px 5px 0px 0px; border-left: #0055a5 1px solid; width: 20px; color: #fff; padding-top: 0px; border-bottom: #0055a5 1px solid; height: 20px; text-decoration: none;}
ol#controls li a.link1 { background: #000}
ol#controls li.current a { background: #0055a5; color: #fff }
ol#controls li a:hover { background: #0055a5; color: #fff }
ol#controls li.current a:hover { background: #0055a5; cursor: default; color: #fff }
ol#controls li a:focus {outline: none}


/* fin slider */
#botonera { width:620px; height:80px; float: right; display:block }


/* ---------- Buttons ---------- */
/*medidas para el emplazamiento de los botones: 
la distancia desde top al: estado inicial=0 rollover state=80px 
la distancia desde la izquierda left hasta: empresa=0 catalogo=83px novedades=169px ayuda=264px enventos=327px contacto=406px
*/

ul#botones { width:620px; height:80px; margin:0 auto; padding:0px; position:relative; display:block }
ul#botones li{ list-style: none; display:inline } 
ul#botones li a{ height:80px; display:block; position:absolute; padding:0px; text-indent:-9999px; outline:none; border:0 none}

li#home a{ background: url(../images/sprite.png) no-repeat; background-position:0px 0px; left:0px }
li#home a:hover{ background: url(../images/sprite.png) no-repeat; background-position:0px -80px; left:0px}

li#servicios a { width:160px; background: url(imagenes/sprite.png) no-repeat; background-position:-320px 0px; left:319px }
li#servicios a:hover { width:160px; background: url(../images/sprite.png) no-repeat; background-position:-320px -80px; left:319px }

li#portfolio a { width:160px; background: url(../images/sprite.png) no-repeat; background-position:-480px 0px; left:479px }
li#portfolio a:hover { width:160px; background: url(../images/sprite.png) no-repeat; background-position:-480px -80px; left:479px }

li#freebies a { width:160px; background: url(../images/sprite.png) no-repeat; background-position:-640px 0px; left:639px }
li#freebies a:hover { width:160px; background: url(../images/sprite.png) no-repeat; background-position:-640px -80px; left:639px }

li#contacto a { width:160px; background: url(../images/sprite.png) no-repeat; background-position:-800px 0px; left:799px }
li#contacto a:hover { width:160px; background: url(../images/sprite.png) no-repeat; background-position:-800px -80px; left:799px }


/* activos para cada pagina */
li#aactivo a { background: url(../images/sprite.png) no-repeat; background-position:0px -56px; left:0px }
li#bactivo a { background: url(../images/sprite.png) no-repeat; background-position:-116px -56px; left:115px }
li#cactivo a { background: url(../images/sprite.png) no-repeat; background-position:-232px -56px; left:231px }
li#dactivo a { background: url(../images/sprite.png) no-repeat; background-position:-348px -56px; left:347px }
li#eactivo a { background: url(../images/sprite.png) no-repeat; background-position:-464px -56px; left:463px }

.izquierda { float:left}
.derecha { float:right}


/* --footer-- */
#footer { height:330px; position: relative; clear:both; background:url(../images/bg-f.png) repeat-x }
.fcontent { width:960px; height:300px; margin: 0 auto; position:relative; padding-top:15px; }
#footer h1 { color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight: bold; line-height:24px}
#footer p { color:#333; font-size:16px; font-weight:bold }
#footer a { color:#fff; text-decoration:none; font-size:10px; }
#footer a:hover { color: #CCC; text-decoration:none; font-size:10px; }
#footer ul { line-height:25px}
#linka { width: 25px; height: 25px; position: relative; right:-885px; top:-20px }
#linka a { width: 25px; height: 25px;}
#linka a { display: block; margin: 0; text-indent: -99999px; outline: none; border:0px none }


/* ---------- contacto  ---------- */
#contform { width:960px; height:550px; margin:0 auto;position:relative}
#texcontac { width:315px; height: 550px; repeat-x; background-position:bottom; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif Georgia, serif; font-size:18px; color:#fff; padding-left:50px; padding-top:50px }
#texcontac span { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif Georgia, Times, serif; font-weight:bold; font-size:18px; color:#fff }
#formcontent { width: 512px; height:380px; padding-left:50px; outline:none; background: url(imagenes/bkt_contb.jpg) no-repeat; } 


/* ----------formulario---------- */
.labels { width:100px; font-family: Arial, Helvetica, sans-serif; font-size:11px; text-align:left; color:#fff; margin:0; padding: 0 }
.baja { margin-bottom:10px }

/*invalid */
input, select, textarea { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;	}
input { font-size:10px; margin-bottom:2px; font-family: Arial, Helvetica, sans-serif }
.inputtext { font-size:10px; font-family: Arial, Helvetica, sans-serif }
select { font-size: 10px; font-family: Arial, Helvetica, sans-serif }
textarea { font-size: 12px; font-family: Arial, Helvetica, sans-serif}
.inputtext { width:140px; height:23px }
textarea { width: 300px; height: 60px }
.button { width: auto; margin-top: 10px; }
.button { font-family: Arial, sans-serif; display: inline-block; background: #121212 url('../images/bg-button-orange.png') top left repeat-x !important; border: 1px solid #121212 !important; padding: 4px 7px 4px 7px !important; color: #fff !important; font-size: 11px !important; cursor: pointer; }
.button:hover { text-decoration: underline; }
.button:active { padding: 5px 7px 3px 7px !important; }


/* --------- Notifications ------ */
.notification { position: relative; margin: 0 0 10px 0; padding: 0; background-position: 8px 9px !important; background-repeat: no-repeat !important; font-size: 10px; width: 99.8%; }
.notification{ border: 0; background-color: #121212 ; color: #fff !important; }
.attention { background: url(../images/icons/exclamation.png) 8px 9px no-repeat; border-color: #e6db55; color: #666452; }
.information { background: url(../images/icons/information.png); border-color: #a2b4ee; color: #585b66; }
.success { background: url(../images/icons/tick_circle.png); border-color: #9adf8f; color: #556652; }
.error { background: url(../images/icons/cross_circle.png); border-color: #df8f8f; color: #665252; }
.notification div { display: none; font-style:normal; padding: 8px 8px 8px 34px; line-height: 1.5em; }


/*invalid */
.notification { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}
.notification .close {color:#990000; font-size:9px; position:absolute; right:5px; top:5px; }


/* Notification for form inputs */
.input-notification { background-position: left 2px; background-repeat: no-repeat; padding: 2px 0 2px 22px; background-color: transparent; margin: 0 0 0 5px; }




.tt h2 a.titulo,.tt h3 a.titulo ,.tt h3 a.titulo-azul{
	color:#042D53 ;
	text-decoration:none;
	font-size:14px;
	}
	
.tt h3 a.titulo-azul{
	color:#0076A3;	
}


/* mensajes de formulario de contacto*/

.wpcf7-not-valid-tip-no-ajax, .wpcf7-response-output{
	color:#fff;
	font-size:11px;
	line-height:1.5em;
	padding: 8px 8px 8px 34px;
	
	}


.medio{
	width:960px;
	background:url("../images/borde-middle.jpg") top left repeat-y;
	padding: 0 10px 18px ;
	}

h2.seccion{
	color:#006600;
	padding-bottom:10px;
	padding:5px;
	}

hr.lineav{
	color:#006600;
	margin-top:0px;
}


.columnas-internas .grid_8 {
	 width: 620px ;
	 padding-left:27px;
	 padding-top:20px;
	 margin-bottom:20px;
	 }	

.columnas-internas .grid_8 ul li {
	padding-bottom:5px;
	}
	
.lateral-m{
	background:#676767;
	}

.form label{
	color:#fff;
	text-align:left;
	width:146px;
	display:block;
	font-weight:bold;
	margin:10px 0px;
	}

.bg-top{
		background:url("../images/bg-top-green.png") top left no-repeat;
		width:960px;
		height:35px;
	}

.bg-bottom{
		background:url("../images/white-bottom.png") top left no-repeat;
		width:960px;
		height:35px;
	}
	
input.f-input{
	background:url("../images/input.png") top left no-repeat;
	width:154px;
	}

.form{
	margin:0 auto;
	width:150px;
	text-align:left;
	}

.boton{
	margin:10px 0;
	}

.grid_8 h2{
	color:#006600;
	margin:10px 0;
	}
.grid_8 h2 a{
	text-decoration: none;
}

/* Oh!STUDIO */

body#page { 
  background:url('../images/bg-green.jpg') repeat-x #f4f4f4;
} 


.foto-categ{
margin:0px 10px 10px 0;
float:left;
width:134px;
}												

.foto-agenda{
	width:51px;
	height:100px;
	background:url('../images/icons/agenda-icon.jpg') top left no-repeat;
	float:left;
	padding:0 10px;
	margin-left:10px;
		}

.icono{
	width:33px;
	height:60px;
	float:left;
	padding:0 10px;
	margin-left:10px;
}

.documento{
	background:url('../images/icons/icono_documentos.png') 10px 0 no-repeat;
	}
	

.video{
	background:url('../images/icons/icono_videos.png') 10px 0 no-repeat;
	}
	
.presentaciones{
	background:url('../images/icons/icono-presentacion.png') 10px 0 no-repeat;
	}
		
.rse{
  float:left;
  width:196px;
  margin:10px 10px 0 0;
  display:inline;
}	

.post_nuestras_acciones{
clear:both;
min-height:135px;
padding-bottom:20px;
}

h2.agenda{
	margin:0px;
	padding:0 0 5px;
}

#charla{
	padding:10px 0;
	
}

.contenido{
	padding:8px 8px 20px 83px;
	border-bottom:1px solid #cecece;
}

.contenido-acciones{
	padding:8px 8px 8px 145px;
	border-bottom:1px solid #cecece;
	min-height:100px;
}

.posicion{
	 position:relative;
	 xleft:487px;
}

.pos{
	position:relative;
	}
	
#menu li ul li a:hover{
	color:#cecece;
}

.contenido-subcat{
	width:90%;
	padding-left:63px;
	border-bottom:1px solid #cecece;
	padding-bottom:20px;
}

.sacopadding{
	padding-left:0px;
	clear:both;
	}

.bcenter{
	background:url('../images/boletin-center.png') top left repeat-y;
	width:204px;
	margin-top: -5px;
	padding-top: 10px;
	margin-left: 3px;
		}
	
>>>>>>> .r7698