/* INICIO DE OTROS */

body {
	margin: 0;
	padding: 0;
	color: #555;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	line-height: 1.65em; 
	background-image: url(images/templatemo_body.png);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 100% 100%;
}

a, a:link, a:visited { 
	color: #27bbb6; 
	font-weight: normal; 
	text-decoration: underline; 
	font-size: 12px; 
}

a:hover { 
	text-decoration: none; 
}

a.more { 
	display: inline-block; 
	font-weight: 700; 
}

p { 
	margin: 0 0 10px 0; 
	padding: 0; 
	color: #000000;
	font-weight:300;
}
#site_title { 
	float: left; 
}

#site_title h1 { 
	margin: 0; 
	padding: 0; 
}

#site_title h1 a { 
	display: block; 
	width: 230px; 
	height: 142px; 
	color: #fff; 
	text-indent: -10000px; 
}

/* FIN DE OTROS*/

/* INICIO DE WRAPPER */

.image_wrapper { 
	display: inline-block; 
	border: 1px solid #d3e7e5; 
	padding: 4px; 
	background: #e7f7f6; 
	margin-bottom: 5px; 
}
#templatemo_wrapper {
	width: 980px;
	margin: 0 auto;
	position:relative;

}
#templatemo_
_wrapper {
	clear: both;
	width: 100%;
	background: #343434 url(images/templatemo_footer_wrapper.jpg) repeat-x top;
}

/* FIN DE WRAPPER */

/* INICIO DE HEADER */

#templatemo_middle { 
	clear: both;
	width: 900px;
	padding: 30px 40px;
  margin: 0 auto;
	/*background: url(../images/templatemo_middle.png) bottom center no-repeat;*/
}

/* FIN DE HEADER */

/* MENU */
.menudes {
position: fixed;
top: 1%;
padding-top: 4%;
width: 100%;
text-align:left;
float: left;
position: fixed;
}
.menudes a {
display: inline;
width: 12%; /* 100% dividido por el número de elementos */
box-sizing: contact-box;
padding: 8px 14px 10px; 
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
color: #FFFFFF ;
background: #FF0000 ;
opacity:.65;
text-decoration: none;
font-weight:bold;
font-size: 14px;
text-align: center;
}

.marca {
position: absolute;
width: 20%;
height: 42px;
box-sizing: border-box;
bottom: 0;
left: -29.5%;
border: 2px solid #000000;
transition: 0.5s ease-in-out;
z-index:1;
}
#templatemo_header {
	position: relative;
	height: 130px;
	width: 900px;
	padding-top: 0.1%;
	float: left;
	background: url(images/templatemo_header.png) bottom center no-repeat;

}

/* END OF MENU*/

/* FOOTER */
.templatemo_footer a { 
	color: #fff; 
	text-decoration: none; 
	position:absolute; 
	bottom:1px; 
	width:100%;  
	text-align:right; 
}

/* INICIO GALERÍA */
.photo {
  width:635px; 
  text-align:center; 
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  position:relative; 
 /* width: 50%;
  height: 50%;
  left: 65%;
  top: 65%;*/
  /*width: 100px;
  height: 100px;    
  left: 620px;
  top: 10px;*/
}

.photo ul.topic {
  padding:0; 
  margin:0; 
  list-style:none; 
  width:635px; 
  height:auto; 
  position:relative; 
  text-align:center; 
  z-index:10;
}

.photo ul.topic li {
  display:block; 
  width:125px; 
  height:31px; 
  float:left;
}
.photo ul.topic li a.set {
  display:block; 
  font-size:12px;
  font-weight: bold;
  width:124px; 
  height:30px; 
  text-align:center; 
  line-height:30px; 
  color:#000; 
  text-decoration:none; 
  border:1px solid #fff; 
  border-width:1px 1px 0 0; 
  background:#ccc; 
  font-family:verdana, arial, sans-serif;
}

.photo ul.topic li a ul, .photo ul.topic li ul {
  display:none;
}

.photo ul.topic li.active a {
  color: rgba(0, 40, 44, 0.8); /*color de letra de la pestaña*/
  background: rgba(195, 192, 195, 0.8); /*fondo color de la pestaña*/
}

.photo ul.topic li a:hover, .photo ul.topic li:hover a {
  color: rgba(255, 255, 255, 0.8); /*color de letra de la pestaña al pasar el ratón*/
  background: rgba(203, 44, 44, 0.783);/*fondo color de la pestaña al pasar el ratón*/
}

.photo ul.topic li.active ul {
  display:block; 
  position:absolute; 
  left:0; 
  top:30px; 
  list-style:none; 
  padding:0; 
  margin:0; 
  height:375px; 
  background: rgba(203, 44, 44, 0.6); /*marco interior color rojo*/
  width:464px; 
  padding:40px 60px; 
  border:20px solid rgba(184, 192, 193, 0.8); /*marco exterior anchura y color*/
  z-index:1;
}

.photo ul.topic li a:hover ul, .photo ul.topic li:hover ul {
  display:block; 
  position:absolute; 
  left:0;
  top:30px; 
  list-style:none; 
  padding:0; 
  margin:0; 
  height:375px; 
  background: rgba(203, 44, 44, 0.6); /*marco interior color al pasar el ratón*/
  width:464px; 
  padding:40px 60px; 
  border:20px solid rgba(184, 192, 193, 0.8); /*marco exterior color al pasar el ratón*/
  z-index:100;
}

.photo ul.topic li ul li {
  display:inline; 
  width:112px; 
  height:87px; 
  float:left; 
  border:1px solid rgba(0, 0, 0, 0.8); /*color y tamaño del borde de las imágenes*/
  margin:1px;
}

.photo ul.topic li ul li a {
  display:block;
   width:110px; 
   height:85px; 
   cursor:default; 
   float:left; 
   text-decoration:none; 
   background: rgba(0, 0, 0, 0.8); 
   border:1px solid rgba(0, 0, 0, 0.8); /*color y tamaño del borde de las imágenes*/
 }

.photo ul.topic li ul li a img {
  display:block; 
  width:100px; 
  height:75px; 
  border:5px solid rgba(255, 255, 255, 0.8); /*marco interior de las imágenes*/
}

.photo ul.topic li a:hover ul li a:hover, .photo ul.topic li:hover ul li a:hover {
  white-space:normal; 
  position:relative;
}

.photo ul.topic li a:hover ul li a:hover img, .photo ul.topic li:hover ul li a:hover img {
  position:relative; 
  left:30%; 
  top:30%; 
  width:400px; 
  height:350px; 
  border-color: rgba(255, 255, 255, 0.8); /*borde de las imágenes al pasar el ratón*/
}

/* FIN DE GALERÍA*/

.templatemo_footer p { 
  color: #fff; 
  text-decoration: none; 
  position:absolute; 
  bottom:15px; 
  width:99%;  
  text-align:right; 
  font-size: 12px; 
  line-height: 15px;  
}
.templatemo_footer_email strong { 
  color: #fff; 
  text-decoration: none; 
  position:absolute; 
  bottom:1px; 
  width:90.5%;  
  text-align:right; 
  font-size: 12px; 
  line-height: 15px;
  text-decoration: none;
}
.templatemo_footer_email a { 
  color: #fff; 
  text-decoration: none; 
  position:absolute; 
  bottom:1px; 
  width:99%;  
  text-align:right; 
  font-size: 12px; 
  line-height: 15px;
  text-decoration: underline;
}
.templatemo_footer_copyright a { 
  color: #fff; 
  text-decoration: none; 
  position:absolute; 
  bottom:1px; 
  width:13%;  
  text-align:right;
  font-size: 10.1px; 
}