/* CSS Document */

body{
	margin:0;
	padding:0;
	background-image: url(../imagenes/collec-v1.0_00.gif);
	background-position:center top;
	background-repeat:  repeat-y;
	SCROLLBAR-FACE-COLOR: #cfcfcf;
	SCROLLBAR-HIGHLIGHT-COLOR: #000000;
	SCROLLBAR-SHADOW-COLOR: #000000;
	SCROLLBAR-3DLIGHT-COLOR: #cfcfcf;
	SCROLLBAR-ARROW-COLOR: #000000;
	SCROLLBAR-TRACK-COLOR: #cfcfcf;
	SCROLLBAR-DARKSHADOW-COLOR: #cfcfcf
}

#maincontainer{
	width: 800px; 
	margin: 0 auto; 	
}

#topsection{
	height: 117px;
	background-image: url(../imagenes/collec-v1.0_02.gif);
	background-repeat:  repeat-x;
}

#logo {
	width: 388px;
	float: left;
	background-image: url(../imagenes/collec-v1.0_01.gif);
	background-repeat: no-repeat;
	height: 117px;
	}

#mailto{
	margin-left: 200px;
	padding-top: 5px;
	}
#mailto a{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #716F6E;
	}
	
#idiomas{
	float: right;
	text-align: right;
	padding-right: 20px;
	margin-top: 8px;
	}

#idiomas a{
	text-decoration: none;
	margin-top: 1px;
	margin-left: 10px;
	}

#menu{
	width: 411px;
	background-image: url(../imagenes/collec-v1.0_04.gif);
	background-repeat: no-repeat;
	height: 117px;
	float: left;
	margin-left: 1px;
	}
#menuContent{
	height: 91px;
	float: left;
	padding-left: 10px;
	}

#menuContent ul {
	margin: 0px;
	padding: 0px;

}

#menuContent li {
	display: inline;
	height: 95px;
	width: 71px;
	text-align: center;
}

#menuContent li.active {
	background-image: url(../imagenes/collec-v1.0_05.gif);
	background-repeat: no-repeat;
}

#menuContent li a {
	display:block;
	float:left;
	height:91px;
	margin:0px 0px 0px 0px;
	width:75px;
	text-align: center;
	text-decoration: none;
}

#menuContent li a:hover{
	/*background-image: url(../imagenes/collec-v1.0_05.gif);
	background-repeat: no-repeat;*/
	text-align: center;
	}

#menuContent li a.active{
	background-image: url(../imagenes/collec-v1.0_05.gif);
	background-repeat: no-repeat;
	}

#menuContent li a span {
	font-family: "Myriad Web Pro", Arial;
	font-size: 16px;
	text-align: center;
	color: #736D6B;
}

#menuContent li a:hover span{
	color:#000000;
	}
	

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
	float: left;
	width: 800px;
	height: 728px;
}

#contentcolumn{
	margin-right: 0px;
	width: 560px;
	float: left;
}

#contentCentro{
	margin-top: 12px;
	margin-right: 10px;
	height: 705px;
	overflow:auto;
	width: 550px;
	}
#contentContacto{
	margin: 0px;
	padding: 0px;
	}

#avisoLegal{
	margin-top: 12px;
	margin-right: 10px;
	height: 705px;
	overflow:auto;
	}

#oficinas{
	margin-top:5px;
	}
	
#ofiTitulo{
	height: 15px;
	padding-left: 25px;
	}
		
#ofiTitulo span{
	font-family: "Myriad Web Pro", Arial;
	font-size: 13px;
	color: #736D6B;
	font-weight: bold;
}

#ofiTexto{
	height: 50px;
	padding-top: 10px;
	padding-left: 20px;
	}
	
#ofiTexto span{
	font-family: "Myriad Web Pro", Arial;
	font-size: 14px;
	color: #736D6B;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	}


#contentContacto h1{
	font-family: "Myriad Web Pro", Arial;
	font-size: 16px;
	color: #736D6B;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 10px;
	}
#avisoLegal h1{
	font-family: "Myriad Web Pro", Arial;
	font-size: 16px;
	color: #736D6B;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 10px;
	}

#avisoLegal p{
	font-family: "Myriad Web Pro", Arial;
	font-size: 12px;
	color: #716F6E;
	padding-right: 10px;
	padding-left: 10px;
	}

#contentEmpleo{
	margin: 0px;
	padding: 0px;
	}
	
#contentEmpleo h1{
	font-family: "Myriad Web Pro", Arial;
	font-size: 16px;
	color: #736D6B;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 10px;
	}

#producto{
	height: 170px;
	margin-top: 10px;
	}
	
#linea {
	background-image: url(../imagenes/collec-v1.0_08.gif);
	background-repeat:  repeat-x;
	height: 6px;
	}

#visorFoto{
	width: 230px;
	height: 170px;
	float: left;
	}

#textoCat{
	float: left;
	width: 300px;
	height: 130px;
	}

#textoCat h1{
	font-family: "Myriad Web Pro", Arial;
	font-size: 16px;
	color: #736D6B;
	margin: 0px;
	}
	
#textoCat p{
	font-family: "Myriad Web Pro", Arial;
	font-size: 13px;
	color: #736D6B;
	line-height: 1.5em;
	}
	
#verMas{
	height: 20px;
	float: left;
	width: 285px;
	text-align: right;
	padding-right: 15px;
	padding-top: 5px;
	}

#verMas a{
	font-family: "Myriad Web Pro", Arial;
	font-size: 14px;
	color: #FDA50F;
	text-decoration: none;
	display: inline;
	}

#contentServ{
	margin: 0px;
	padding: 0px;
	}

#contentServ h1{
	font-family: "Myriad Web Pro", Arial;
	font-size: 16px;
	color: #736D6B;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 10px;
	}
	
#contentServ p{
	font-family: "Myriad Web Pro", Arial;
	color:#736D6B;
	font-size: 13px;
	line-height: 1.5em;
	padding-right: 25px;
	padding-left: 25px;
	margin: 0px;
	padding-top: 0px;
	}

#contentServ li{
	font-family: "Myriad Web Pro", Arial;
	color:#736D6B;
	font-size: 13px;
	line-height: 1.5em;
	padding-right: 25px;
	padding-left: 25px;
	margin: 0px;
	padding-top: 0px;
	list-style-type: disc;
	list-style-position: inside;
	}
	
#rightcolumn{
	width: 240px;
	height: 728px;
	float: left;
}

#rightCont{
	background-image: url(../imagenes/collec-v1.0_03.gif);
	background-repeat: no-repeat;
	height: 705px;
	padding-top: 0px;
	padding-right: 8px;
	padding-left: 8px;
	margin-top: 12px;
	}
	
#cuadroDerCliente{
	height: 100px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C5C5C5;
	padding-top: 8px;
	}	
#rightCont h1{
	font-family: "Myriad Web Pro", Arial;
	font-size: 18px;
	color: #FDA50F;
	text-align: left;
	padding: 0px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	}
	
#cuadroDerCliente h2{
	font-family: "Myriad Web Pro", Arial;
	font-size: 22px;
	color: #FDA000;
	text-align: right;
	margin: 0px;
	padding: 0px;
	line-height: 15px;
	}
#cuadroDerCliente p{
	font-family: "Myriad Web Pro", Arial;
	font-size: 14px;
	color: #716F6E;
}

#fotoCat{
	width: 45%;
	margin: 0px;
	padding: 0px;
	height: 100%;
	float: left;
	}

#textoDerCliente{
	width: 215px;
	margin: 0px;
	height: 80px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
	
#cuadroDerCliente ul{
	clear:both;
	display:block;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}
#cuadroDerCliente li{
	margin:0px;
	font-family: "Myriad Web Pro", Arial;
	font-size: 12px;
	color: #716F6E;
	background-color: transparent;
	background-image: url(../imagenes/Estrella.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	background-position: 1px 4px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px;
	}
	
#textoTrabajos{
	width:50%;
	float: left;
	}

#textoTrabajos a{
	font-family: "Myriad Web Pro", Arial;
	font-size: 14px;
	color: #716F6E;
	text-decoration: none;
	display: inline;
	}

#masDerCliente{
	float: left;
	width: 200px;
	text-align: right;
	padding-right: 15px;
	margin: 0px;
	}

#masDerCliente a{
	font-family: "Myriad Web Pro", Arial;
	font-size: 14px;
	color: #FDA50F;
	text-decoration: none;
	display: inline;
	}

#masDerCliente h1{
	font-family: "Myriad Web Pro", Arial;
	font-size: 14px;
	color: #FDA50F;
	text-decoration: none;
	display: inline;
	}
	
#titulo{
	height:67px;
	}


#cuadroDer{	
	margin-bottom: 8px!important;
	margin-bottom:0px;
	padding-top: 8px!important;
	padding-top:15px;
	min-height:154px!important;
	
	}
	
#cuadroDer h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #716F6E;
	text-align: left;
	margin: 0px;
	padding: 0px;
	}
	
#cuadroDer h2{
	font-family: "Myriad Web Pro", Arial;
	font-size: 20px;
	color: #FDA000;
	text-align: right;
	margin: 0px;
	padding: 0px;
	line-height: 15px;
	}
	
#cuadroDer p{
	font-family: "Myriad Web Pro", Arial;
	font-size: 14px;
	color: #716F6E;
}

#textoDer{
	width: 215px;
	margin: 0px;
	height: 74px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
	
#cuadroDer ul{
	clear:both;
	display:block;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}
#cuadroDer li{
	margin:0px;
	font-family: "Myriad Web Pro", Arial;
	font-size: 12px;
	color: #716F6E;
	background-color: transparent;
	background-image: url(../imagenes/Estrella.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	background-position: 1px 4px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px;
	}

#masDer{
	float: left;
	text-align: right;
	padding-right: 15px;
	width: 200px;
	background-image: url(../imagenes/vermas.png);
	background-repeat: no-repeat;
	background-position: right;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F7C098;
	}

#masDer a{
	font-family: "Myriad Web Pro", Arial;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	display: inline;
	font-weight: bolder;
	}

#masDer h1{
	font-family: "Myriad Web Pro", Arial;
	font-size: 14px;
	color: #FDA50F;
	text-decoration: none;
	display: inline;
	}

#footer{
	clear: left;
	width: 800px;
	color: #000000;
	text-align: center;
	background-image: url(../imagenes/collec-v1.0_06.gif);
	background-repeat:  repeat-x;
	height: 19px;
	padding-top: 6px;
}

#footer span{
	font-family: "Myriad Web Pro", Arial;
	font-size: 12px;
	color: #000000;
	display: inline;
	margin-right: 50px;
	}

#footer a{
	font-family: "Myriad Web Pro", Arial;
	font-size: 12px;
	color: #000000;
	display: inline;
	margin-right: 50px;
	text-decoration:none;
}

form{
	margin: 0;
	padding: 0;
	}
#formulario{
	padding-left: 25px;
	}
#formulario fieldset{
	padding: 10px;        /* padding in fieldset support spotty in IE */
	margin: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
	
#formulario p{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;	
}
#formulario label{
	display: block;  /* block float the labels to left column, set a width */
	float: left;
	width: 150px;
	padding: 0;
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

.innertube{
	margin: 0px; 
	margin-top: 0;
}


/*Forms defaults - change as needed*/
input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404040;
}
label {
	color:#999;
	padding-left:2px;
	
}
label.chosen {color:#333;}

/*Transparent items*/
.outtaHere {
	position:absolute;
	left:-3000px;
}

/*Radio buttons*/
.radioArea, .radioAreaChecked {
	display:block;
	float:left;
	clear:left;
	width:15px;
	height:14px;
	font-size:0;
	cursor:pointer;
}
.radioArea {
	background-image: url(../imagenes/radio.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.radioAreaChecked {
	background:url(../imagenes/radio.gif) no-repeat left bottom;
	}

/*Checkboxes*/
.checkboxArea, .checkboxAreaChecked {
	display:block;
	float:left;
	clear:left;
	width:13px;
	height:13px;
	font-size:0;
	padding:0;
	margin:0;
	cursor:pointer;
}
.checkboxArea {
	background:url(../imagenes/checkbox.gif) no-repeat left top;
	}
.checkboxAreaChecked {
	background:url(../imagenes/checkbox.gif) no-repeat left bottom;
	}
.focused {
	border:1px dotted #ddd;
}

/*Text inputs*/
.textinput, .textinputHovered {
	height:15px;
	background:url(../imagenes/input_bg.gif) repeat-x left top;
	border:none;
	padding:4px 0;
	vertical-align:middle;
}
.textinputHovered {
	background-position:left bottom;
	}
.inputCorner {
	padding-bottom:0;
	vertical-align:middle;
}

/*Text areas*/
.txtarea .tr, .txtarea .tr_xon {
	background:url(../imagenes/txtarea_tr.gif) no-repeat top right;
	}
.txtarea .tr_xon {
	background:url(../imagenes/txtarea_tr_xon.gif) no-repeat top right;
	}
.txtarea img.txt_corner {
	width:5px;
	height:5px;
	display:block;
}
.txtarea .br, .txtarea .br_xon {
	background:url(../imagenes/txtarea_br.gif) no-repeat top right;
	}
.txtarea .br_xon {
	background:url(../imagenes/txtarea_br_xon.gif) no-repeat top right;
	}
.txtarea .cntr {
	background:url(../imagenes/txtarea_cntr.gif) repeat-y right top;
	}
.txtarea .cntr_xon {
	background:url(../imagenes/txtarea_cntr_xon.gif) repeat-y right top;
	}
.txtarea .cntr_l, .txtarea .cntr_l_xon {
	width:5px;
	background:url(../imagenes/txtarea_l.gif) repeat-y left top;
	float:left;
}
.txtarea .cntr_l_xon {background:url(../imagenes/txtarea_l_xon.gif) repeat-y left top;}
.txtarea textarea {
	border:0;
	background:none;
	padding:0;
	margin:5px;
}


/*Selects*/
.selectArea {
	height:25px;
	display:block;
	float:left;
	margin: 5px 0 0;
	background:url(../imagenes/select_bg.gif) repeat-x left top;
}
.selectArea .left {
	width:10px;
	height:21px;
	float:left;
	background:url(../imagenes/select_left.gif) no-repeat left top;
}
.selectArea .right {
	width:21px;
	height:22px;
	float:right;
	background:url(../imagenes/select_right.gif) no-repeat left top;
}
.selectArea .right a {
	display:block;
	height:21px;
	position:absolute;
}
.selectArea .right i {display:none;}
.selectArea .center {
	color:#FFF;
	padding-top:3px;
	overflow:hidden;
	white-space:nowrap;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/*Selects drop-down*/
.optionsDivInvisible, .optionsDivVisible {
	position:absolute;
	margin-top:-5px;
	margin-left:3px;
	background:#6f7074;
	padding:2px;
	z-index:20;
}
.optionsDivInvisible {display:none;}
.optionsDivVisible {display:block;}
.optionsDivVisible p {
	margin:0;
	padding:0;
}
.optionsDivVisible a {
	color:#F2F2F2;
	text-decoration:none;
	display:block;
	padding:1px 4px;
	border:1px solid #6f7074;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.optionsDivVisible a:hover {
	color:#FFF;
	background:#5F6062;
	border-color:#cfd0d6;
}

/*Button*/
.buttonSubmit, .buttonSubmitHovered {
	width:auto;
	height:26px;
	color:#FFF;
	font-weight:bold;
	padding:2px;
	cursor:pointer;
	border:none;
	background-image: url(../imagenes/button_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.buttonSubmitHovered {background-position:left bottom;}
.buttonImg {vertical-align:bottom;}


/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2{
	background-color: transparent;
	background-image: url(../imagenes/img.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	} 

.cssbox{ /* intended total box width - padding-right(next) */
	width:192px !important; /* IE Win = width - padding */
	width: 192px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	} 

/* set the top-right image */ 
.cssbox_head{
	background-position:top right; /* pull the right image over on top of border */ 
	margin-right:-15px; /* right-image-gap + right-inside padding */ 
	padding-right:40px;
	} 
/* set the top-left image */ 
.cssbox_head h2{ 
	background-position:top left; 
	margin:0; /* reset main site styles*/ 
	border:0; /* ditto */ /* padding-left = image gap + interior padding ... no padding-right */ 
	padding:25px 0 15px 40px; 
	height:auto !important; 
	height:1%} 

/* IE Holly Hack */ /* set the lower-left corner image */ 
.cssbox_body{
	background-position:bottom left;
	height: 143px;
} /* mirror .cssbox_head right/left */