/*

Theme Name: Diorama v1.0

Theme URI: http://www.dioramaestudio.com/

Description: Tema version 1.0 para el sitio de <a herf="http://www.dioramaestudio.com/">Diorama</a>.

Version: 1.0

Author: Diorama Estudio

Author URI: http://www.dioramaestudio.com/

Tags: v1.0, oficial, dioramaestudio



*/





* {	margin: 0;	padding:0; }





body{
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family:Helvetica, sans-serif;
	background-color:#E30025;
}





#header{
	width:100%;
	height:431px;
	overflow:hidden;
	background:url(images/interfaz/header_img.jpg) no-repeat center;
	background-color:#000000;
}



#contenido{

	background:url(images/interfaz/bkg_contenido.jpg) repeat-x;

	width:100%;

	overflow:hidden;

	margin-bottom:30px;

}



/*-----------------HEADER------------------------------------------------------------------------------------------------------------------------*/

#header .contenido{

	width:900px;

	height:431px;

	overflow:hidden;

	margin:0 auto;

}

#header .logo{

	margin-top:34px;

	margin-left:86px;

display:none;

}







#header .reciente{ width:762px; margin:0 auto; margin-top:70px;}

#header .cerrar_reciente{

	width:100px;

	height:15px;

	padding:5px;

	margin-left:652px;

	font-size:12px;

	color:#FFFFFF;

	background-color:#000000;

	cursor:pointer;

}

#header .proyecto_reciente{

	width:762px;

	background-color:#000000;

	height:217px;

	

	font-size:12px;

	color:#FFFFFF;

}



.proyecto_reciente_thumb{ overflow:hidden;}

.proyecto_reciente_info{ overflow:hidden; width:440px; color:#FFFFFF; font-size:12px;}

.proyecto_reciente_info h1{ font-size:30px; font-weight:normal; color:#E30025; margin-top:10px; margin-bottom:10px;}

.proyecto_reciente_info h2{ font-size:20px; font-weight:normal; color:#FFFFFF; margin-bottom:10px;}

.proyecto_reciente_info a{color:#FFFFFF; text-decoration:none;}

/*-----------------FIN HEADER--------------------------------------------------------------------------------------------------------------------*/





/*-----------------CONTENIDO------------------------------------------------------------------------------------------------------------------------*/

#contenido .contenido{

	width:789px;

	overflow:hidden;

	margin:0 auto;

}



#nosotros{ width:263px; overflow:hidden;}

#portafolio{ width:263px; overflow:hidden;}

#contacto{ width:263px; overflow:hidden;}



.info{ margin-left:10px; margin-right:10px; overflow:hidden;}

.titulo_pagina{ font-size:16px; font-weight:normal; color:#FFFFFF; margin-top:27px; margin-bottom:10px;}
.titulo_nosotros{ margin-top:10px;}
.titulo_portafolio{ margin-top:10px; margin-bottom:10px;}
.titulo_contacto{ margin-top:10px; margin-bottom:10px;}


.contenido_pagina { font-family:Calibri, Arial, sans-serif; font-size:12px; color:#FFFFFF;}

.contenido_pagina p{ margin-top:10px; margin-bottom:10px;}

.contenido_pagina ul,ol{ margin-left:10px;}

.contenido_pagina ul li ,ol li{ list-style-type:square; margin-left:10px;}



.menu_categorias{ margin:0 !important;}

.menu_categorias li{ list-style:none !important; margin:0 !important;}

.menu_categorias li a{ color:#FFFFFF; text-decoration:none;}



.contacto{}

.contacto input{ border:none; height:17px; width:223px; font-size:12px; color:#b3b3b3; padding:10px;}

.contacto textarea{ padding:10px; border:none; height:169px; width:223px; font-family:Calibri, Arial, sans-serif; font-size:12px; color:#b3b3b3; overflow:auto;}

.contacto .submit{ width:60px; background-color:#E30025; color:#FFFFFF; padding:0; cursor:pointer;}

/*-----------------FIN CONTENIDO--------------------------------------------------------------------------------------------------------------------*/





/*-----------------PROYECTOS------------------------------------------------------------------------------------------------------------------------*/

#proyectos{ overflow:hidden; width:200px; height:178px; margin-top:30px;}

#proyectos ul{ margin:0; padding:0; overflow:hidden;}

#proyectos ul li{ display:block; width:200px; height:178px; margin:0; padding:0; list-style-type:none; overflow:hidden;}



.proyecto{ width:55px; height:48px; float:left; margin:5px;}
.proyecto a{ display:block; width:55px; height:48px; background-color:#FFFFFF;}
.proyecto a img{border:solid 0px #FFFFFF;}





#fotos{overflow:hidden;}

#fotos ul {margin:0; padding:0; overflow:hidden;}

#fotos ul li{overflow:hidden; width:640px; height:432px; float:left;}



#info_proyecto{ font-size:12px; *font-size:11px; color:#FFFFFF; margin:5px; overflow:hidden;}

#info_proyecto h2{ font-size:20px; *font-size:18px; font-weight:normal; color:#E30025;}



#info_proyecto .visitar_sitio{ background-color:#FFFFFF; float:right; height:10px; padding:3px; width:75px;}

#info_proyecto .visitar_sitio a{ color:#000000; font-size:9px; letter-spacing:1px; text-decoration:none; text-transform:uppercase;}

/*-----------------FIN PROYECTOS------------------------------------------------------------------------------------------------------------------------*/











/*-----------------BTNS SLIDERS------------------------------------------------------------------------------------------------------------------------*/

#slider1prev{

	float:left;

	margin-left:5px;

	text-indent:-2000px;

}



#slider1next {

	float:left;

	margin-left:48px;

	text-indent:2000px;

}

#slider1prev a{ display:block; width:68px; height:16px; background:url(images/interfaz/btn_anterior.jpg) no-repeat;}

#slider1next a{ display:block; width:68px; height:16px; background:url(images/interfaz/btn_siguiente.jpg) no-repeat;}





#slider2prev,#slider2next {

	display:block;

	left:5px;

	top:180px;

	position:absolute;

	width:36px;

	height:81px;

	text-indent:-8000px;

	z-index:1000;

}

#slider2next {

	left:609px;

	text-indent:8000px;

}



#slider2prev a{	background:url(images/interfaz/controls.png) no-repeat left top scroll; display:block; position:relative; width:36px; height:81px; }

#slider2prev a:hover{ background-position:left bottom;}



#slider2next a{background:url(images/interfaz/controls.png) no-repeat right top scroll; display:block; position:relative; width:36px; height:81px; }

#slider2next a:hover{background-position:right bottom;}

/*-----------------FIN BTNS SLIDERS------------------------------------------------------------------------------------------------------------------------*/





.post{overflow:hidden; height:540px; *height:518px; background-color:#000000;}

.video{}























/*

------------------------------------------------------------------------------------

IMAGENES

------------------------------------------------------------------------------------

*/

.attachment { text-align:center;}

.attachment_content p{ text-align:center;}

.caption { text-align:center; color:#ff7700; font-weight:bold;}

























/* Typography & Colors */

#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt;}

#wp-calendar a { text-decoration: none; }

#wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; }

#wp-calendar th { font-style: normal; text-transform: capitalize; }

/* End Typography & Colors */













/* Begin Images */

p img {	padding: 0;	max-width: 100%; }

img.centered { display: block; margin-left: auto; margin-right: auto; }

img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }

img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }

.alignright { float: right; }

.alignleft { float: left; }

/* End Images */











/* Begin Comments*/

.alt { margin: 0; padding: 10px; }

.children { padding: 0; }

.nocomments { text-align: center; margin: 0; padding: 0; }

.commentmetadata { margin: 0; display: block;}

/* End Comments */













/* Begin Calendar */

#wp-calendar {

	empty-cells: show;

	margin: 10px auto 0;

	width: 155px;

	}



#wp-calendar #next a {

	padding-right: 10px;

	text-align: right;

	}



#wp-calendar #prev a {

	padding-left: 10px;

	text-align: left;

	}



#wp-calendar a {

	display: block;

	}



#wp-calendar caption {

	text-align: center;

	width: 100%;

	}



#wp-calendar td {

	padding: 3px 0;

	text-align: center;

	}



#wp-calendar td.pad:hover { /* Doesn't work in IE */

	background-color: #fff; }

/* End Calendar */







/* Begin Various Tags & Classes */

acronym, abbr, span.caps {

	cursor: help;

	}



acronym, abbr {

	border-bottom: 1px dashed #999;

	}



blockquote {

	margin: 15px 30px 0 10px;

	padding-left: 20px;

	border-left: 5px solid #ddd;

	}



blockquote cite {

	margin: 5px 0 0;

	display: block;

	}



.center {

	text-align: center;

	}



.hidden {

	display: none;

	}

	

a img {

	border: none;

	}





/* End Various Tags & Classes*/







/* Captions */

.aligncenter,

div.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.wp-caption {

	border: 1px solid #ddd;

	text-align: center;

	background-color: #f3f3f3;

	padding-top: 4px;

	margin: 10px;

	-moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

}



.wp-caption img {

	margin: 0;

	padding: 0;

	border: 0 none;

}



.wp-caption p.wp-caption-text {

	font-size: 11px;

	line-height: 17px;

	padding: 0 4px 5px;

	margin: 0;

}

/* End captions */