body {
	font-size: 100%;/*16px*//*font-size: 1em;/*16px*/
	background-color: #0B3B1F;
}
#container {
	/*background-color:#000;*/
	width: 93.75%; /*960/1024*/
	margin: 0 auto;
	max-width: 960px;
	overflow: hidden;
	background-color:#FFF;
}

/*    H E A D E R    */

#header {
    /*width: 960px;*/
	margin:0 auto;
	overflow:hidden;
	background-color:#FFF;
}
#cajaiconos {
	padding: 0 0 0 80.208333333333333333333333333333%;
	overflow:hidden;
}
.div_iconos {
	width: 1.25em;
	height: 1.875em;
	float: left;
}
#cajalogo {
	padding: 0 0 0 2.0833333333333333333333333333333%;
	margin: 0 0 2.0833333333333333333333333333333% 0; /*20/960*/
}
#logo {
	width: 22.340425531914893617021276595745%;/*210/940*/
}
#cajamenu {
	padding: 0 0 0 19.791666666666666666666666666667%;
	margin: 0 0 2.0833333333333333333333333333333% 0;
}

/*    S  L  I  D  E  R    */

#zonaslider {
	margin: 0 auto;
	padding: 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #0d5a0d;
	background-color: #000;
}
/*    M  A  I  N  H  O  M  E    */

#mainhome {
	overflow: hidden;
	background-color: #0C590D;
	margin: 0 auto;
	background-image: url(../images/home_background.gif);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center top;
	padding: 0 0 10% 0;
}
/*#homecol1 {
	/*width: 170px;
	padding: 0 20px;*//*
	width: 17.708333333333333333333333333333%;/*170/960*/
	/*padding: 0 2.0833333333333333333333333333333%;/*20/960*/
	/*float:left;
}*/

#homecol1 {
	float:left;
	width: 21.875%;/*210/960*/
}
#col1texto {
	width: 80%;
	padding: 0 10%;
	float:left;
}
.frase {
	font-size: 1em;
	color: #96989c;
	font-family: "Open Sans";
	font-weight: normal;
	line-height: 1.5em;
	font-style: italic;
}
#homecol2 {
	/*width: 250px;
	padding-left: 20px;*/
	width: 26.041666666666666666666666666667%; /*250/960*/
	padding: 12.5% 0 0 2.0833333333333333333333333333333%;/*20/960*/
	float:left;
}
#col2titulo {
	margin: 0 0 1em 0;
}
#homecol2 #col2titulo h2 {
	font-size: 1.5em;
	color: #FFF;
	font-family: "Open Sans";
	font-weight: normal;
	line-height: 1em;
}
#homecol2 ul li{
	font-size: 0.9em;
	color: #FFF;
	font-family: "Open Sans";
	font-weight: normal;
	line-height: 1.7em;
	list-style-type: none;
	list-style-position: inside;
	list-style-image: url(../images/item_home.gif);
}
/*#homecol2 #col2titulo h2 {
	font-size: 1.5em;
	color: #FFF;
	font-family: "Open Sans";
	padding: 40% 0 5% 0;
	font-weight: normal;
	line-height: 1em;
}*/

#homecol3 {
	/*width: 260px;
	padding-left: 10px;*/
	width: 27.083333333333333333333333333333%; /*260/960*/
	padding: 5% 0 0 1.0416666666666666666666666666667%;/*10/960*/
	float:left;
}
#homecol4 {
	/*width: 170px;
	padding: 0 20px;*/
	width: 17.708333333333333333333333333333%;/*170/960*/
	padding: 10% 2.0833333333333333333333333333333% 0 2.0833333333333333333333333333333%;/*20/960*/
	float:left;
}
#col4titulo {
	margin: 0 0 1em 0;
}
#homecol4 #col4titulo h2 {
	font-size: 1.5em;
	color: #FFF;
	font-family: "Open Sans";
	font-weight: normal;
	line-height: 1em;
}
#homecol4 p {
	font-size: 0.8em;
	color: #FFF;
	font-family: "Open Sans";
	font-weight: normal;
	line-height: 1.7em;
}
.separafotos {
	margin-bottom: 5%;
}


/*    I  N  T  E  R  I  O  R    */

#cajamenuint {
	padding: 0 0 0 19.791666666666666666666666666667%;
	margin: 0 0 0 0;
}

#intcolizq{
	width: 19.791666666666666666666666666667%;
	margin: 0;
	padding: 0;
	float:left;
	background-color:#FFF;
}
#intcolmain{
	width: 60.416666666666666666666666666667%;/*580/960*/
	background-color: #fff;
	margin: 0;
	padding: 0;
	float: left;
	margin: 2.0833333333333333333333333333333% 0 0 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #0d5a0d;
}

#intcolder{
	width: 19.791666666666666666666666666667%;
	padding: 0;
	float:left;
	margin: 2.0833333333333333333333333333333% 0 0 0;
}

#submenuint {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	padding: 0 0 0 10.526315789473684210526315789474%;
}
#submenuint ul {
	margin: 10% 0;
}

#submenuint ul li a {
	font-size: 0.9em;
	font-family: "Open Sans";
	color: #000;
	text-decoration:none;
}

#breadcrumb {
	padding: 0 0 0 6.8965517241379310344827586206897%;
	font-family: "Open Sans";
	font-size: 0.7em;
	color: #96989c;
	margin: 2% 0;
}
#breadcrumb ul li {
	display:inline;
	font-family: "Open Sans";
}
.breadselect {
	font-family: "Open Sans";
	color: #000;
}
#titulo {
	margin: 0 0 4% 0;
	overflow: hidden;

}
#itemh1 {
	width: 6.8965517241379310344827586206897%;
	float:left;
}

#sangria {
	padding: 0 6.8965517241379310344827586206897%;

}

#tools {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	overflow:hidden;
	padding: 2% 0;
	width: 19.791666666666666666666666666667%;
	float:left;
	margin: 2.0833333333333333333333333333333% 0 0 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #0d5a0d;
}
#inforelacionada {
	padding: 5% 10.526315789473684210526315789474% 0 0;
}
#inforelacionada ul li{
	font-family: "Open Sans";
	display: block;
	height: 2em;
	background-image: url(../images/item_lista.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.4em;
	font-size: 0.8em;
	padding-top: 0.7em;
	padding-left: 2em;
}
#inforelacionada h2{
	font-size: 1.2em;
}

#listamain {
}
#listamain ul li{
	font-family: "Open Sans";
	display: block;
	height: 2em;
	background-image: url(../images/item_lista.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.4em;
	font-size: 0.8em;
	padding-top: 0.7em;
	padding-left: 2em;
}

#formulario {
	width: 48%;
	float:left;
}
input, textarea {
	font-family: "Open Sans";
}
textarea {
	margin-bottom: 8%;
}
#mapa {
	float:left;
	width: 52%;
	position: relative;
	left: 20px;
	background-color:#FFC;
}
#datos {
	width: 48%;
	float:right;
}

.coloverflow {
	overflow:hidden;
	padding: 0 0 1em 0;
}

.intgralizq {
	width: 48%;
	float:left;
}
.intgralder {
	width: 48%;
	float:right;
}




#cierreinfo {
	clear: both;
	margin: 0 0 2% 19.791666666666666666666666666667%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #0d5a0d;
}


/*    G  R  A  L  E  S    */
a {
	font-family: "Open Sans";
	color: #0d5a0d;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #0B3B1F;
}
a:link {
	outline:none;	
}
a:active {
	outline:none;	
}
a:visited {
	outline:none;
	/*color: #007dbd;*/
}
/*a:focus {
	outline: thin dotted;
}*/


h1 {
	font-family: "Open Sans";
	font-size: 2em;
	color: #0d5a0d;
	font-weight: normal;
	margin: 0 0 3% 0;
}
p {
	font-family: "Open Sans";
	font-size: 0.8em;
	color: #66666c;
	font-weight: normal;
	line-height: 1.8em;
	/*text-align: justify;*/
}
h2 {
	font-family: "Open Sans";
	font-size: 0.9em;
	color: #000;
	font-weight: normal;
	line-height: 1.5em;
}
strong {
	font-family: "Open Sans";
	color: #000;
	font-weight: bold;
}
.imagenes {
	width: 52%;
	position: relative;
	left: -20px;
}
.imagenesright {
	width: 52%;
	position: relative;
	left: 260px;
}
.bloque {
	border: 1px solid #0d5a0d;
	text-align: center;
	margin: 0 0 4% 0;
	padding: 4% 0 4% 0;
	font-family: "Open Sans";
	font-size: 1.2em;
	color: #0d5a0d;
	font-weight: normal;
}



/*    F O O T E R    */

#footer {
	background: #ECEEEE;
	clear: both;
	overflow:hidden;
	padding: 2.0833333333333333333333333333333% 0 2.0833333333333333333333333333333% 0;
}
#footer p {
	font-family: "Open Sans";
	font-size: 0.7em;
	line-height: 1.5em;
	color: #66666c;
}
#footer p strong {
	font-family: "Open Sans";
	font-size: 1em;
	font-weight: bold;
	color: #000;
}
#footer li a{
	font-family: "Open Sans";
	font-size: 0.7em;
	line-height: 1.5em;
}
#footer a{
	font-family: "Open Sans";
	text-decoration: none;
	color: #0d5a0d;
}
#footer a:hover{
	font-family: "Open Sans";
	text-decoration: underline;
	color: #0B3B1F;
}

#footcol1 {
	/*width: 170px;
	padding: 0 20px;*/
	width: 17.708333333333333333333333333333%;/*170/960*/
	padding: 0 2.0833333333333333333333333333333%;/*20/960*/
	float:left;
}

#footcol2 {
	/*width: 250px;
	padding-left: 20px;*/
	width: 26.041666666666666666666666666667%; /*250/960*/
	padding: 0 0 0 2.0833333333333333333333333333333%;/*20/960*/
	float:left;
	margin: 0 0 0 21.875%;
}
#footcol3 {
	/*width: 260px;
	padding-left: 10px;*/
	width: 27.083333333333333333333333333333%; /*260/960*/
	padding: 0 0 0 1.0416666666666666666666666666667%;/*10/960*/
	float:left;
}
#footcol4 {
	/*width: 170px;
	padding: 0 20px;*/
	width: 17.708333333333333333333333333333%;/*170/960*/
	padding: 0 2.0833333333333333333333333333333%;/*20/960*/
	float:left;
}
.f_logo {
	width: 1.5625em;
	height:1.5625em;
}
#dt_logo {
	clear: both;
	padding: 1% 2.08333333333333% 0 0;
	margin: 0;
	text-align: right;
}
.dt_logo {
	width: 35px;
}

/*    I M A G E S    */
img {
	max-width: 100%;
	width: 100%;
}

/*    M E D I A  Q U E R I E S    */ 


/*    M E D I A  Q U E R I E S  480 necesito 534 para poder ver ok en el celu y 496 ok en plugin de chrome */

@media only screen and (max-width: 534px) {
	#container {
	width: 100%;
	/*max-width: 480px;*/
	}
	#cajalogo {
	width: 91.66666666666667%;/*440/480*/
	padding: 0 4.16666666666667%;
	}
	#logo {
	width: 42.340425531914893617021276595745%;/*210/940*/
	}
	#homecol1 {
	float:left;
	width: 100%;
	background-color: #0b3b1f;
	}
	#i {
	width: 22%;
	float: left;
	}
	#col1texto {
	width: 73%;
	padding: 5% 5% 0 0;
	float:left;
	font-size: 0.9em;
	}
	#homecol2 {
	float:left;
	width: 29.16666666666667%;
	padding:2.08333333333333%;
	}
	#homecol2 ul li{
	font-size: 0.8em;
	}
	#homecol3 {
	width: 29.16666666666667%;
	float:right;
	padding:2.08333333333333%;
	
	}
	#homecol4 {
	width: 29.16666666666667%;
	float:left;
	padding:2.08333333333333%;
	}
	#footer {
	width: 100%;
	}
	#footcol2 {
	width: 42.16666666666667%;
	padding:2.08333333333333%;
	float:left;
	margin:0;
	}
	#footcol3 {
	width: 42.16666666666667%;
	padding:2.08333333333333%;
	float:left;
	}
	#footcol4 {
	width: 3.16666666666667%;
	padding:2.08333333333333%;
	float:left;
	}
	.f_logo {
		float:right;
	}
	/*    I N T E R I O R    */
	
	#intcolizq {
		width: 100%;
	}
	#letra {
		width: 20%;
	}
	#submenuint {
		border: none;
	}
	#submenuint ul {
	margin: 4% 0 2% 0;
}
	#intcolmain {
		width: 65%;
		float: left;
	}
	#tools {
		width: 35%;
		float: right;
	}
	#intcolder {
		width: 35%;
		/*clear: both;*/
	}
    #inforelacionada {

	}

	.imagenes {
	width: 100%;
	position: static;
	}
	#cierreinfo {
	clear: both;
	margin: 5% 0 5% 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #0d5a0d;
	}
	#formulario {
		width: 100%;
		margin: 10% 0;
	}
	#mapa {
		width: 100%;
		position: static;
	}
	#datos {
		width: 100%;
	}
}


/*    M E D I A  Q U E R I E S  320 necesito 336 para poder ver ok en plugin de chrome */

@media only screen and (max-width: 336px) {
	#container {
	width: 100%;
	}
	#cajaiconos {
	padding: 0 0 0 73%;
	overflow:hidden;
	}
	#cajalogo {
	width: 93.75%;
	padding: 0 3.125%;
	}
	#logo {
	width: 70%;
	margin: 0 auto; 
	}
	#homecol1 {
	float:left;
	width: 100%;
	background-color: #0b3b1f;
	}
	#i {
	width: 50%;
	float: left;
	}
	#col1texto {
	width: 50%;
	padding: 5% 0 0 0;
	float:left;
	font-size: 0.9em;
	}
	#homecol2 {
	float:left;
	width: 93.75%;
	padding: 3.125%;
	text-align:center;
	}
	#homecol3 {
	width: 93.75%;
	padding: 0 3.125% 0 3.125%;
	
	}
	#homecol4 {
	width: 93.75%;
	padding: 0 3.125% 0 3.125%;
	text-align:center;
	}
	
	#footer {
	background: #ECEEEE;
	clear: both;
	overflow:hidden;
	width: 93.75%;
	padding: 0 3.125% 0 3.125%;
	font-size: 1.1em;
	text-align:center;
	}
	#footcol2 {
	width: 100%;
	padding: 3.125% 0 3.125% 0;
	float:left;
	margin: 0;
	}
	#footcol3 {
	width: 100%;
	padding: 3.125% 0 3.125% 0;
	float:left;
	}
	#footcol4 {
	width: 100%;
	padding: 3.125% 0 10% 0;
	float:left;
	}
	#dt_logo {
	padding: 1% 2.08333333333333% 5% 0;
	margin: 0;
	text-align: center;
}
	
	/*    I N T E R I O R    */
	#intcolizq {
		width: 100%;
	}
	#letra {
		width: 20%;
	}
	#submenuint {
		border: none;
	}
	#intcolmain {
		text-align:center;
		width: 90%;
		float: left;
	}
	#tools {
		width: 10%;
		float: right;
	}
	#intcolder {
		width: 100%;
		text-align:center;
		/*clear: both;*/
	}
    #inforelacionada {
	    width: 100%;

	}
	#inforelacionada ul li{
	height: 2em;
	background-image: url(../images/item_lista.gif);
	background-repeat: no-repeat;
	background-position: 1.6em 0.4em;
	font-size: 0.8em;
	padding-top: 0.7em;
	padding-left: 2em;
}
	.imagenes {
	width: 100%;
	position: static;
	}
	#cierreinfo {
	clear: both;
	margin: 5% 0 5% 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #0d5a0d;
	}
	#formulario {
		width: 100%;
		margin: 10% 0;
	}
	#mapa {
		width: 100%;
		position: static;
	}
	#datos {
		width: 100%;
	}
}