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

/* FONTS */

@font-face {
    font-family: 'nillandregular';
    src: url('fonts/nilland-webfont.eot');
    src: url('fonts/nilland-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/nilland-webfont.woff') format('woff'),
         url('fonts/nilland-webfont.ttf') format('truetype'),
         url('fonts/nilland-webfont.svg#nillandregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'nilland-blackregular';
    src: url('fonts/nilland-black-webfont.eot');
    src: url('fonts/nilland-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/nilland-black-webfont.woff') format('woff'),
         url('fonts/nilland-black-webfont.ttf') format('truetype'),
         url('fonts/nilland-black-webfont.svg#nilland-blackregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'nillandbold';
    src: url('fonts/nilland-bold-webfont.eot');
    src: url('fonts/nilland-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/nilland-bold-webfont.woff') format('woff'),
         url('fonts/nilland-bold-webfont.ttf') format('truetype'),
         url('fonts/nilland-bold-webfont.svg#nillandbold') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* GENERAL */

body{ background-color:#FFF; font-family:'nillandbold'; color:222;

}
	
	
h1{ font-family:'nilland-blackregular'; font-size:50px; color:#d80101;}
h2{ font-family:'nilland-blackregular'; font-size:40px; color:#d80101;}
h3{ font-family:'nilland-blackregular'; font-size:20px; color:#222;}

.titulo{ width:80%; margin-top:30px; height: 50px; /*background-image:url(../images/titulo_bg.png); background-repeat:repeat-x;*/ padding-top:11px; padding-left:20px;}

ul{ padding-left:50px;}
li { list-style: disc; color:#F00; line-height:1.5em;}

a{ text-decoration:none;
color:#F00;
font-weight:bold;
	-webkit-transition: color .2s linear;
	-o-transition: color .2s linear;
	-moz-transition: color .2s linear;
	text-decoration: none;
	outline: none;}
	
b{ font-weight:bold;}	
	
.red{ color:#F00;}	
.black{ color:#222;}
.green{ color:#090;}

.normal{ font-family: 'nillandbold'; color:#222;}
.mini{ font-size:14px; font-weight:bold;}

.notificacion_ok{ width:88%; color:#060; height:15px; padding:5px 35px; background-color:#CFC; border: solid 1px #060; margin-bottom:20px; background-image:url(../images/tic_ok.png); background-position: left; background-repeat: no-repeat;}
.notificacion_error{ width:88%; color:#900; height:15px; padding:5px 35px; background-color:#FFA6A8; border: solid 1px #900; margin-bottom:20px; background-image:url(../images/tic_error.png); background-position: left; background-repeat: no-repeat;}




/* MAQUETADO */
#container{ width:1080px; height:auto; background-color:#FFF; margin:0 auto;}
#container2{width:960px; height:auto; background-color:#FFF; margin:0 auto;}
#header{ width:100%; height:200px; float:left; margin-top:20px; background-image:url(../images/header_bg.png); background-repeat:no-repeat;}
#logo{ width:320px; height:120px; margin:0 auto; margin-top:25px;}
#social{ float:right; margin-right:30px; margin-top:-35px;}
.social_element{ margin-left: 5px; float:left;}
#sidebar{ width:100%; height:100px; float:left;}
#sidebar_container{ width:600px; height:80px; margin:10px auto;}
#slider_container{ width:100%; height:450px;  float:left; margin-top:20px;}
#marco_slider{ width:100%; height:450px; position:absolute; z-index:100; background-image:url(../images/marco_slider.png); background-repeat:no-repeat;}
#wrapper{ padding-top:50px;}
#content{ width:100%; min-height:250px; height:auto; float:left;padding-top:20px; padding-left:80px;}
#footer{ width:100%; height:60px; float:left; background-image:url(../images/footer_bg.png); background-position:center; background-repeat:no-repeat; margin-top:30px; text-align:center; color:white; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-top:10px;}
#footer a{ font-size:10px; color:white;}
#footer a:hover{ font-size:11px;}
.clr{ clear:both;}

/* SIDEBAR CSS */
#button li{ display:inline;}


.botonmenu{ width:85px; float:left; margin-right:20px; text-align:center;}
.iconomenu{ margin-bottom:5px;}
.textomenu{text-transform:uppercase; font-size:13px; color:#222; font-weight:bold;}
.textomenuhover{ text-transform:uppercase; font-size:13px; color:#F00; font-weight:bold;}

/* HOME CSS */
#presentacion_container{ margin:0 auto; margin-left:100px; margin-top:30px; float:left; margin-bottom:40px;}
#titulo_presentacion{float:left;}
.linea_divisoria{ width:23px; height:170px; float:left; background-image:url(../images/separador.png); background-repeat:no-repeat; margin: 0 40px;}
#texto_presentacion{ width:360px; float:left; font-size:16px; line-height:1.3em;}

/* CONTACTO CSS*/

.red_square{ width:750px; padding: 30px 20px; min-height:200px; height:auto; -moz-border-radius: 15px; border-radius: 15px; background-color:#C00; margin:20px 5px; color:#FFF; font-size:16px; float:left; }

.contacto input{ height:30px; width:450px; margin-bottom:10px; margin-top:5px; margin-right:10px; padding: 0px 10px; font-weight:bold; -moz-border-radius: 15px; border-radius: 15px; border:0px; text-transform:capitalize;}
.contacto textarea{resize:none; width:730px; height:250px; margin-bottom:20px; margin-top:5px; padding:10px; -moz-border-radius: 15px; border-radius: 15px; border:0px; font-weight:bold;}

.contacto input[type='submit']{ width:120px; -moz-border-radius: 15px; border-radius: 15px; border:0px; color:#FFF; background-color:#111; cursor:pointer;}

.error{ background-color:#FFF; color:black; height:30px; -moz-border-radius: 15px; border-radius: 15px; padding:5px 10px; }

.recuadro_texto{ width:800px; margin-bottom:0px; margin-left:10px; font-size:16px;}

/* EXPERIENCIA CSS*/

#red_frame{ width:780px; min-height:210px; height:auto; -moz-border-radius: 15px; border-radius: 15px; background-color:#C00; margin:20px 5px;  font-size:16px; float:left;}

.white_square{width:712px; height:160px; -moz-border-radius: 15px; border-radius: 15px; background-color:#FFF; margin:17px;  font-size:16px; float:left; padding:17px;}
#ficha{ float:left; width:480px;  height:125px; text-transform:uppercase;}
#ficha li{ font-size:14px; font-family:'nilland-blackregular';}
.alfabeto{ width:780px; height:30px; margin-left:20px; float:left; text-align:center;font-family:'nilland-blackregular';}
.alfabeto a{ color:#000; font-weight:100;}
.alfabeto a:hover{ color:#F00;}
.letra{width:27px; height:2px; padding-left:0px; padding-top:3px; float:left;  -moz-border-radius: 15px; border-radius: 15px; }
#resultado{ min-height:200px; height:auto; padding-top:20px; float:left; width: 780px;}
.letraactiva{ width:27px; height:24px; padding-left:0px; padding-top:3px; float:left; margin-right:3px; -moz-border-radius: 15px; border-radius: 15px; background-color: #C00;}
.letraactiva a{color:white;}
.letraactiva a:hover{color:white;}
.resultado_trabajos{ text-transform:uppercase; width:260px; float:left; font-size:13px;}
.resultado_trabajos a{ color:#000; font-weight:bold;}
.resultado_trabajos a:hover{ color:#F00;}
.loading{ width:100px; height:100px; margin: 50px auto;}
.muestra{ width:214px; height:134px; margin-right:9px; padding-top:16px; padding-left:7px; float:left; background-image:url(../images/marco_captura.png); background-repeat:no-repeat; background-position:top;}
.captura{ display:none;}
.consejo{ background-color:#EEE; background-image:url(../images/info.png); background-position:left; background-repeat:no-repeat; padding:10px 40px; border:1px solid #999; font-size:14px; margin-bottom:15px; width:670px; margin-left:20px;}

/* SERVICIOS CSS*/

.servicio_container{ float:left; margin-left:80px;  width:100%; height:80px; margin-bottom:30px;}
.servicio_container h3{ margin-top:-18px;}
.servicio_icono{ float:left; margin-right:20px;}
.servicio_titulo{ float:left;}
.subtitulando_bg{ margin-top:30px; width:750px; height:660px; background-image:url(../images/bg.png); background-position:right; background-repeat:no-repeat;}

/* LOGIN CSS */

.login{ float:left; height:200px; background-color:#111; color:white; padding:20px; -moz-border-radius: 15px; border-radius: 15px; font-weight:bold; margin-left:220px;}
.login input{ height:30px; width:200px; margin:5px 10px 10px 10px; padding: 0px 10px; font-weight:bold; -moz-border-radius: 15px; border-radius: 15px; border:0px;}
.login input[type='submit']{ width:120px; -moz-border-radius: 15px; border-radius: 15px; border:0px; color:#FFF; background-color:#F00; cursor:pointer; float:right; margin-top:20px;}

.login th{font-family:'nilland-blackregular'; font-size:20px; text-align:center; height:30px; padding-bottom:10px;}

/* TABLES */

table{ margin:0 auto;}

/**dynamic table***/
.dataTables_wrapper { width:100%; border: 1px solid #ccc; background: #eee url(../images/thead.png) repeat-x top left; 
-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; position: relative; }
.dataTables_filter { position: absolute; top: 11px; right: 5px; }
.dataTables_length { padding: 10px 10px; }
.dataTables_wrapper label { display: inline-block; margin-right: 5px; }
.dyntable { width: 100%; background: #fcfcfc; }
.dyntable thead th, .dyntable tfoot th { padding: 5px 10px; color: #fff; font-weight: normal; text-align: left; }
.dyntable thead th.head0, .dyntable tfoot th.head0 { background: #666; }
.dyntable thead th.head1, .dyntable tfoot th.head1 { background: #555; }
.dyntable tbody tr td { padding: 5px 10px; border-top: 1px solid #ddd; }
.dyntable tbody tr:first-child td { border-top: 0; }
.dyntable .con1 { background: #eee; }
.dyntable .con0 { background: #f7f7f7; }
.dyntable thead th.sorting { background-image: url(../images/sort_both.png); background-repeat: no-repeat; background-position: right 5px; }
.dyntable thead th.sorting_asc { background-image: url(../images/sort_asc.png); background-repeat: no-repeat; background-position: right 6px; }
.dyntable thead th.sorting_desc { background-image: url(../images/sort_desc.png); background-repeat: no-repeat; background-position: right 6px; }


.dataTables_info { padding: 10px; }
.paging_full_numbers { position: absolute; bottom: 7px; right: 8px; }
.paging_full_numbers .paginate_button { 
	display: inline-block; padding: 2px 8px; border: 1px solid #ccc; margin-left: 5px; 
	background: #eee url(../images/buttonbg5.png) repeat-x top left; cursor: pointer;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}
.paging_full_numbers .paginate_button:hover { 
	background: #eee; -moz-box-shadow: inset 1px 1px 2px #ccc; -webkit-box-shadow: inset 1px 1px 2px #ccc;
	box-shadow: inset 1px 1px 2px #ccc; 
}
.paging_full_numbers .paginate_active, .paging_full_numbers .paginate_button:active { 
	display: inline-block; padding: 2px 8px; border: 1px solid #405A87; margin-left: 5px; 
	background: #405A87 url(../images/buttonbg3.png) repeat-x top left; color: #fff; 
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}
.paging_full_numbers .paginate_button_disabled { color: #999; }

/* LEY DE COOKIES */
#overbox3 {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 999999;
    display: block;
}
#infobox3 {
    margin: auto;
    position: relative;
    top: 0px;
    height: 58px;
    width: 100%;
    text-align:center;
    background-color: #DDD;
	-moz-box-shadow: 0 0 5px #000;
-webkit-box-shadow: 0 0 5px #000;
box-shadow: 0 0 5px #000;
	
}
#infobox3 p {
    line-height:58px;
    font-size:12px;
    text-align:center;
}
#infobox3 p a {
    margin-right:5px;
    text-decoration: underline;
}