/*------------------------------------------------------------------
Copo ArtDesign
-------------------------------------------------------------------*/

@import url("css/reset.css");

body{
	font-family: calibri,arial,verdana,sans-serif;
	font-size:12px;
	color: #848383;
} 
/**/
.connect{
	color: #f49d3d;
	border-color: #f49d3d	
}
.lis{
	color: #0051a2;
	border-color: #0051a2;
}
.lis_lite{
	color: #52bdec;
	border-color: #52bdec;
}
.lis_pro{
	color: #7686c2;
	border-color: #7686c2;
}
.lis_ent{
	color: #20358c;
	border-color: #20358c;
}
.mic{
	color: #d2073d;
	border-color: #d2073d;
}
.cnt{
	color: #968100;
	border-color: #968100;
}
.stm{
	color: #00aca3;
	border-color: #00aca3;
}
.web{
	color: #6c2180;
	border-color: #6c2180;
}
.adm{
	color: #96c0e6;
	border-color: #96c0e6;
}
.pub{
	color: #b0006d;
	border-color: #b0006d;
}
.tur{
	color: #05ce7c;
	border-color: #05ce7c;
}
.ind{
	color: #f6b221;
	border-color: #f6b221;
}
h1{
	color: #1a4d7b;
}
h2{
	color: #0051a2;
	font-size: 20px;
	margin-bottom: 15px;
}
h3{
	color: #1a4d7b;
	margin: 20px 0;
	font-size: 20px;
	font-weight: normal;	
}
h4{
	background: url(img/quote.jpg) no-repeat 0 0;
	padding-left: 45px;
	margin: 10px 0 55px 20px;
	font-size: 13px;
}
h4 strong{
	font-size: 15px;
}
h4 strong.color{
	font-size: 15px;
	color: #0051a2	
}
#content .colR h2{
	background-image: url(img/bg_ttl_recursos.jpg);
	width: 276px;
	height: 26px;
	padding: 6px 0 0 40px	
}
p{
	line-height: 1.5;
	margin-bottom: 8px;
}
/**/
#header{
	width: 959px;
	height: 62px;
	margin: 0 auto;
	padding-top: 15px;
}
.menu{
	width: 298px;
	height: 27px;
	background-image: url(img/bg_menu.jpg);
	float: right;
	padding: 13px 0 0 10px;
}
.menu ul li{
	margin-left: 17px;
	float: left;
}
.menu ul li a{
	color: white;
	text-decoration: none;
	font-size: 12px;
}
.menu ul li a.blue{
	color: #0051a2;
}
/*BANNERS--------------------------------------------------------------------*/
#banner{
	width: 100%;
	height: 401px;
	background-color: #13446c;
	background-image: url(img/bg_banner.jpg);
	padding-top: 23px;
}
#banner_inner_midle{
	width: 100%;
	height: 230px;
	background-color: #13446c;
	background-image: url(img/bg_banner.jpg);
	padding-top: 23px;
}
#banner_inner_midle .cont_banner{
	width: 959px;
	margin: 0 auto;
	border: none;
}
#banner_inner_midle .cont_banner strong{
	font-size: 18px;
}
#banner_inner_midle .cont_banner p.midle{
	color: white;
	width: 460px;
	float: right;
	font-size: 16px;
	line-height: 1.6;
	margin: 10px 30px 0 0;
}
#banner_inner_midle .cont_banner p.wide{
	color: white;
	width: 959px;
	float: right;
	font-size: 16px;
	line-height: 1.6;
	margin: 10px 30px 0 0;
}
#banner_wide{
	width: 100%;
	height: 230px;
	background-color: #13446c;
	background-image: url(img/bg_banner.jpg);
	padding-top: 23px;	
}
#banner .cont_slide{
	width: 966px;
	height: 384px;
	margin: 0 auto;
	background-image: url(img/bg_slide.png);
	padding-bottom: 18px;
	background-repeat: no-repeat;
	background-position: bottom;
}
#banner .slide{
	width: 959px;
	height: 376px;
	background-image: url(img/slide.jpg);
}
.ttl{
	width: 100%;
	background-color: #f7f7f7 ;
	padding: 11px 0;
	float: left;
	margin-bottom: 25px;	
}
.ttl1{
	width: 100%;
	background-color: #f7f7f7 ;
	padding: 60px 0 11px;
	float: left;
	margin-bottom: 25px;	
}
.cont_ttl{
	width: 959px;
	margin: 0 auto;
}
.cont_ttl h1{
	font-size: 30px;
	color: #969696; 
}
.ttl_inner{
	width: 100%;
	background-color: #f7f7f7 ;
	padding: 20px 0;
/*	float: left;*/
	margin-bottom: 25px;
	padding-bottom: 48px;		
}
.cont_ttl_inner{
	width: 900px;
	background-color: #f49d3d;
}
.ttl_inner h1{
	float: right;
	color: #969696;
	font-size: 30px;
}
#content{
	width: 966px;
	margin: 0 auto;
	padding-top: 20px;
}
/*3 COL---------------------------------------------------------------------*/
#content .colL{
	width: 305px;
	float: left;
	padding-right: 20px;
}
#content .colM{
	width: 305px;
	float: left;
	padding-right: 20px;
}
#content .colR{
	width: 315px;
	float: left;
}
#content .colR a{
    background-color: transparent;
    background-image: url("img/bulet2.jpg");
    background-position: 0 3px;
    background-repeat: no-repeat;
    color: #1a4d7b;
    font-size: 11px;
    padding-left: 10px;
    text-decoration: none;
    	
}
/*
#content .colM ul li p{
	border: none;
	background-image: none;
}
#content .colM ul li p{
	margin-bottom: 10px;
}*/
/*2 COL----------------------------------------------------------------------*/
#content .col_midle_L{
	float: left;
	width: 478px;
}
#content .col_midle_R{
	float: left;
	width: 479px;
}
/*1 COL + SIDEBAR------------------------------------------------------------*/
#content .col_wide{
	width: 635px;
	padding-right: 15px;
	float: left;
}
/*FOOTER---------------------------------------------------------------------*/
#footer{
	width: 100%;
	height: 100%;
	background-color: #13446c;
	float: left;
	margin-top: 30px;
	color: white;
	font-size: 10px;
	padding-top: 15px;
}
#footer .cont_footer{
	width: 959px;
	margin: 0 auto;	
}
#footer .cont_footer ul{
	float: right;
}
#footer .cont_footer ul li{
	float: left;
	margin-left: 60px;
}
#footer .cont_footer ul li a{
	color: white;
	text-decoration: none;
}
/*HOME---------------------------------------------------------------------*/
.prod{
	clear: both;
	margin-bottom: 10px;
	float: left;
	height: 54px;
}
.prod img{
	float: left;
	margin-right: 10px;
}
.prod .desc{
	width: 204px;
	float: left;
	font-size: 11px;
	line-height: 1.1;
}
.prod .desc a{
	text-decoration: none;
	font-size: 12px;
}
.prod .desc a:hover{
	color: #848383;
}
.tw{
	width: 318px;
	height: 90px;
	background-image: url(img/tw.jpg);
	background-repeat: no-repeat;	
}
.noticia{
	width: 275px;
	height: 19px;
	background-image: url(img/bg_noticias.jpg);
	float: left;
	margin-bottom: 10px;
	padding: 14px;
}
.noticia h6{
	color: white;
	font-size: 20px;	
}
h6.ttl_not{
	color: #0051a2;
	font-size: 12px;
	margin-bottom: 5px;
}
p.not{
	font-size: 12px;
	margin-bottom: 10px;
}
.tw p{
	color: #3ecdeb;
	font-style: italic;
	font-size: 11px;
	width: 220px;
	float: right;
	padding-top: 25px;
}
/*CONTACTO---------------------------------------------------------------------*/
.mapa{
	width: 416px;
	height: 278px;
	float: left;
	background-image: url(img/banner_inner_midle.png);
	background-repeat: no-repeat;
	padding: 1px 0 0 1px;
}
#content .col_midle_R img{
	float: left;
	margin-right: 10px;
}
#content .col_midle_R address{
	float: left;
	margin-bottom: 25px;
	padding-top: 10px;
	font-style: normal;
}
/*EMPRESA---------------------------------------------------------------------*/
#content .colR ul, #content .colM ul{
	margin: 0 0 20px 0px;
}
#content .colR ul.list li{
	width: 305px;
	background: url(img/bulet.jpg) no-repeat 5px 14px;
	padding: 10px 15px;
	border-bottom: 1px solid #f7f7f7;
}
/*PRODUCTOS---------------------------------------------------------------------*/
.mod_prod{
	margin-bottom: 60px;
	border-bottom: 5px solid;
	padding-bottom: 20px;
	height: 225px;
}
.mod_prod h3{
	margin: 10px 0;
	font-size: 15px;
}
.mod_prod p{
	color: #848383;
}
.mod_prod p a{
	text-decoration: none;
	color: #0051a2;
	font-size: 11px;
	background: url(img/bulet2.jpg) no-repeat 0 3px;
	padding-left: 10px;
}
.mod_prod_lis img{
	margin-bottom: 10px;
}

.mod_prod_lis{
	margin-bottom: 60px;
	border-bottom: 5px solid;
	padding-bottom: 20px;
	height: 185px;
}

.mod_prod_lis p{
	color: #848383;
}
p.high{
	height: 300px;
}
p.high strong{
	text-transform: uppercase;
}

ul.fases{
	margin-bottom: 30px;
}
ul.fases li{
	margin-bottom: 15px;
	padding-left: 5px;
	border-bottom: 1px solid #f7f7f7;
	padding-bottom: 10px;
}
ul.fases li:first-child{
	background-color: #f7f7f7;
	padding: 10px;
}
ul.detail_lite{
	float: left;
	width: 250px;
	margin-top: 10px;	
}
ul.detail_lite li{
	width: 220px;
	font-size: 11px;
	height: 70px;
	margin: 0 10px 10px 0;
	float: left;
	background-color: #eff9fd;
	padding: 20px 10px 20px 10px; 
}
ul.detail_lite li img{
	margin: 16px 0 0 55px; 
}


ul.detail_pro{
	float: left;
	width: 250px;
	margin-top: 10px;
}
ul.detail_pro li{
	width: 220px;
	font-size: 11px;
	height: 70px;
	margin: 0px 10px 10px 0;
	float: left;
	background-color: #f3f4f9;
	padding: 20px 10px 20px 10px; 
}
ul.detail_pro li img{
	margin: 16px 0 0 55px; 
}

ul.detail_ent{
	float: left;
	width: 220px;
	margin-top: 10px;
}
ul.detail_ent li{
	width: 220px;
	font-size: 11px;
	height: 70px;
	margin: 0px 10px 10px 0px;
	float: left;
	background-color: #ebedf5;
	padding: 20px 10px 20px 10px; 
}
ul.detail_ent li img{
	margin: 16px 0 0 55px; 
}
ul.titulos{
	width: 217px;
	float: left;
	margin-right: 10px;
	margin-top: 10px;
}
ul.titulos li{
	width: 177px;
	margin: 0px 10px 10px 0px;
	float: left;
	background-color: #ebedf5;
	font-weight: bold;	
	
	

    font-size: 12px;
    height: 40px;
  
    padding-bottom: 20px;
    padding-left: 30px;
    padding-right: 10px;
    padding-top: 50px;
}

/*Sidebar Productos*/
.cont_flia_prod{
	margin: 20px 0;
}
.cont_flia_prod ul.productos li{
	margin: 0px;
	background-image: none;
	padding: 5px;
	border: none;
	float: left;
	width: 134px;
	height: 50px;
	margin-bottom: 10px;	
}
.cont_flia_prod ul.productos li a{
	color: #848383;
	font-size: 11px;
	text-decoration: none;
}
.cont_flia_prod ul.productos li a:hover{
	color: #0051a2;
}
#content .colR ul.productos li img{
	float: left;
}
#content .colR ul.productos li h3{
	float: left;
	margin: 9px 10px 0 6px;
}
/*NOTICIA----------------------------------------------------------------------*/
.col_wide .mod_noticia{
	margin: 0 0 20px 0;
}
.col_wide .mod_noticia h5{
	font-size: 10px;
}
.col_wide .mod_noticia h3{
	color: #0051a2;
	margin: 5px 0 10px 0;
	font-size: 15px;
}
.col_wide .mod_noticia p.copete{
	font-size: 16px;
}
.col_wide .mod_noticia img{
	border: 5px solid #f7f7f7;
	margin-bottom: 20px;
}
#content .colR .mod_noticia ul.noticias{
	margin: 0 0 20px 10px;
}
#content .colR ul.noticias li{
	width: 305px;
	background: 5px 14px;
	padding: 10px 15px;
	border-bottom: 1px solid #f7f7f7;
}
#content .colR ul.noticias li a{
	text-decoration: none;
	color: #848383;
}
#content .colR ul.noticias li a:hover{
	color: #79a460;
}
/*CLIENTE/DETALLE ------------------------------------------------------------------*/
.col_wide img.img_client{
	/*border: 1px solid #ccc;9*/
	float: left;
}
.cliente_detail{
	width: 426px;
	float: left;
	border-bottom: 1px solid #ccc;
}
.cliente_detail h1{
	font-size: 15px;
	margin-bottom: 15px;
}

img.cliente{
	float: left;
	width: 165px;
	height: 154px;
	margin-right: 20px;
}
/* acordeon */
h3.acc_trigger {
	background:url("img/bullet_red.png") no-repeat scroll 9px 12px #ECECEC;
	clear:both;
	color:#666666;
	/*float:left;*/
	font-size:13px;
	font-weight:normal;
	line-height:16px;
	margin:3px 0 5px;
	padding-bottom:9px;
	padding-left:23px;
	padding-top:10px;
	width:597px;
}
h3.acc_trigger a {
	color:#666666;
	display:block;
	padding:0 0 0 0;
	text-decoration:none;
	text-transform:uppercase;
}
h3.acc_trigger:hover{
	background-color: #ccc;
}
h3.acc_trigger:hover a{
	color:#0051A2;
}
h2.acc_trigger a:hover {
	color: #ccc;
}
h3.acc_trigger a label{
float:right;
font-size:9px;
margin-left:8px;
margin-right:11px;

}
.acc_container .block {
	background:none repeat scroll 0 0 #F6F5F5;
	border:1px solid #f7f7f7;
	float:left;
	margin-bottom:4px;
	padding:18px 23px 14px 21px;
	width:575px;
}
.acc_container .block h4{
	border-bottom:1px solid #DDDDDD;
	font-family:Verdana,sans-serif;
	font-size:11px;
	line-height:16px;
	margin-bottom:5px;
	padding-bottom:7px;
}
.acc_container .block h4.pais{
	color:#AAAAAA;
	font-size:9px;
	font-weight:lighter;
}
.acc_container .block h4 span, .acc_container .block p span{
	color:#AAAAAA;
	font-family:Verdana,Sans-serif;
	font-size:11px;
	font-weight:bold;
}
.acc_container .block p{
	font-family:Verdana,sans-serif;
	font-size:11px;
	margin-bottom:5px;
	padding-bottom:7px;
}
.acc_container .block label{
	float:left;
font-size:12px;
margin-bottom:5px;
}
.acc_container .block label + *{
	clear: both;
}
.acc_container .block a{
    background-image: url("img/bulet2.jpg");
    background-position: 0 3px;
    background-repeat: no-repeat;
    color: #0051A2;
    font-size: 11px;
    padding-left: 10px;
    text-decoration: none;	
}


/* acordeon2 */
h3.acc_trigger2 {
	background:no-repeat scroll 9px 12px #f9f9f9;
	clear:both;
	color: #20358c;
	/*float:left;*/
	font-size:11px;
	font-weight:normal;
	line-height:16px;
	margin:3px 0 5px;
	padding: 5px;
	width:305px;
}
h3.acc_trigger2 a {
	color:#666666;
	display:block;
	padding:0 0 0 0;
	text-decoration:none;
}
h3.acc_trigger2:hover{
	background-color: #ccc;
}
h3.acc_trigger2:hover a{
	color:#0051A2;
}
h2.acc_trigger2 a:hover {
	color: #ccc;
}
h3.acc_trigger2 a label{
float:right;
font-size:9px;
margin-left:8px;
margin-right:11px;

}
.acc_container2 .block {
	background:none repeat scroll 0 0 #f9f9f9;
	border:1px solid #f7f7f7;
	float:left;
	margin-bottom:4px;
	padding: 5px;
	width:305px;
}
.acc_container2 .block h4{
	border-bottom:1px solid #DDDDDD;
	font-family:Verdana,sans-serif;
	font-size:11px;
	line-height:16px;
	margin-bottom:5px;
	padding-bottom:7px;
}
.acc_container2 .block h4.pais{
	color:#AAAAAA;
	font-size:9px;
	font-weight:lighter;
}
.acc_container2 .block h4 span, .acc_container .block p span{
	color:#AAAAAA;
	font-family:Verdana,Sans-serif;
	font-size:11px;
	font-weight:bold;
}
.acc_container2 .block p{
	font-family:Verdana,sans-serif;
	font-size:11px;
	margin-bottom:5px;
	padding-bottom:7px;
}
.acc_container2 .block label{
	float:left;
font-size:12px;
margin-bottom:5px;
}
.acc_container2 .block label + *{
	clear: both;
}
.acc_container2 .block a{
    background-image: url("img/bulet2.jpg");
    background-position: 0 3px;
    background-repeat: no-repeat;
    color: #0051A2;
    font-size: 11px;
    padding-left: 10px;
    text-decoration: none;	
}


/**/
.slideshow{
	background-color: #F7F7F7;
	margin: 0 auto;
}

/*LISTA DE DESCARGA DATASHEETS*/
#content .colR ul.descargas li{
	margin-bottom: 7px;
	background-image: url(img/bg_dsh.jpg);
	width:315px;
	height: 26px;
}
#content .colR ul.descargas li.dsADM{
   background: url("img/bg_ds_ADM.jpg") no-repeat;	
  	width:315px;
	height: 26px;  
}
#content .colR ul.descargas li.dsBIS{
   background: url("img/bg_ds_BIS.jpg") no-repeat;	
  	width:315px;
	height: 26px;
}
#content .colR ul.descargas li.dsCNT{
   background: url("img/bg_ds_CNT.jpg") no-repeat;	
  	width:315px;
	height: 26px;  
}
#content .colR ul.descargas li.dsCONECT{
   background: url("img/bg_ds_CON.jpg") no-repeat;	
  	width:315px;
	height: 26px;  
}
#content .colR ul.descargas li.dsLISli{
   background: url("img/bg_ds_LISli.jpg") no-repeat;	
  	width:315px;
	height: 26px;  
}
#content .colR ul.descargas li.dsLISpro{
   background: url("img/bg_ds_LISpro.jpg") no-repeat;	
  	width:315px;
	height: 26px;  
}
#content .colR ul.descargas li.dsLISen{
   background: url("img/bg_ds_LISen.jpg") no-repeat;	
  	width:315px;
	height: 26px;  
}
#content .colR ul.descargas li.dsMIC{
   background: url("img/bg_ds_MIC.jpg") no-repeat;	
  	width:315px;
	height: 26px;  
}
#content .colR ul.descargas li.dsPUB{
   background: url("img/bg_ds_PUB.jpg") no-repeat;	
  	width:315px;
	height: 26px;  
}
#content .colR ul.descargas li.dsSTM{
   background: url("img/bg_ds_STM.jpg") no-repeat;	
  	width:315px;
	height: 26px;  
}
#content .colR ul.descargas li.dsTUR{
   background: url("img/bg_ds_TUR.jpg") no-repeat;	
  	width:315px;
	height: 26px;
}
#content .colR ul.descargas li.dsWEB{
   background: url("img/bg_ds_WEB.jpg") no-repeat;	
  	width:315px;
	height: 26px;  
}


#content .colR ul.descargas li a.ds{
	background-image: none;
    color: #848383;
    font-size: 12px;
    text-decoration: none;
    margin: 6px 10px 0px 32px;
    float: left;
}
#content .colR ul.descargas li a.ds:hover{
	color: #393636;
}
/**/
a.more{
	 background-color: transparent;
    background-image: url("img/bulet2.jpg");
    background-position: 0 3px;
    background-repeat: no-repeat;
    color: #1A4D7B;
    font-size: 11px;
    padding-left: 10px;
    text-decoration: none;
}
/**/
ul.detail{
	float: left;
	width: 182px;
	margin: 10px 11px 0 0;
	font-size: 11px;
}
ul.detail li{
	margin-bottom: 10px;
}
ul.detail li:first-child{
	background-color: ;
	padding: 10px 22px;
	background: #f7f7f7 url(img/bulet3.jpg) no-repeat 10px 11px;
}
/**/
.procesos{
	background-image: url(img/bg_procesos.jpg);
	width: 702px;
	height: 53px;
	padding-left: 293px;
	background-repeat: no-repeat;
	margin-bottom: 70px;
}
.procesos ul li a.proc{
	background-image: url(img/bt_proc1.jpg);
	width: 224px;
	height: 30px;
	float: left;
	text-align: center;
	padding-top: 23px;
	text-decoration: none;
	color: #848383;
	display: block;
}
.procesos ul li a.proc:hover{
	background-position: 0 100%;
	color: #0051a2;
}
/**/
a.box_fase{
	background-image: url(img/bg_box_fases.jpg);
	width: 169px;
	height: 68px;
	display: block;
	padding: 20px 0 0 10px;
	cursor: pointer;
	float: left;
	margin: 0 9px 11px 0;
	text-decoration: none;
}
a.box_fase:hover{
	background-position: 0 100%;
	color: #0051a2;
}
a.box_fase img{
	float: left;
}
a.box_fase p{
	float: left;
	margin-left: 8px;
	width: 101px;
}
/**/
ul#fasepreanalitica a, ul#faseanalitica a, ul#fasepostanalitica a{
	color: #848383;
}
ul#fasepreanalitica a:hover, ul#faseanalitica a:hover, ul#fasepostanalitica a:hover{
	color: #13446c;
}
/**/
#sidebar {
    color: #AFB0B1;
    float:left;
    margin:0 0 44px;
    padding:15px 10px 10px 0;
    width:300px;
}

#sidebar ul.spy {
    font-size:1.2em;
    list-style-type:none;
    margin:0;
    padding:0 0 0 15pxd;
    position:relative;
}
#sidebar ul li{
    height: 30px;
    overflow: hidden;
    padding-left: 10px;
    font-size: 13px;
}
#sidebar ul li a:hover{
	color: #848383;
}
/*videos*/
img.ttl_videos{
	margin-bottom: 20px;
}
iframe{
	margin-bottom: 50px;
}