/* --------------------------------------------------------------------------------------------------------------------- HTML -------------- */

*{margin:0;padding:0;}
body{
	background-color:black;
	color:#A4A4A4;
	font-family:arial, tahoma, verdana, 'sans serif';
	font-size:12px;
}


a{color:white;
}

h1, h2{font-family:'trebuchet ms', arial, tahoma, verdana, 'sans serif';}

/* --------------------------------------------------------------------------------------------------------------------- TODO -------------- */

#todo{
	width:786px;
	margin:auto;}

/* --------------------------------------------------------------------------------------------------------------------- HEADER -------------- */
	
#header{
	text-align:right;
	font-family:'trebuchet ms';
	background-image: url("images/logo-header-chico.jpg");
	background-repeat:no-repeat;
	background-position:top right;
	color:#999900;
	height:50px;
	font-size:16px;
}

#header h1{font-weight:normal;}
#header h2{font-weight:normal;}

/* --------------------------------------------------------------------------------------------------------------------- MENU -------------- */

#menu{
	font-size:16px;
	color:gray;
	margin-top:20px;
}

#menu a{	color:#6B6B6B;}

#menu a:visited, #menu a:link{}

#menu ul{
	list-style:none;
}

#menu ul li{
	display:inline;
	margin-right:23px;
}

#menu ul li a{
	text-decoration:none;
}

#menu ul li a:hover{
	color:#00A2BC;
}

#menu ul li .activo{font-size:20px; color:white !important; }

/* --------------------------------------------------------------------------------------------------------------------- ANIMACION -------------- */

#animacion{
	/*background-image:url("imagenes/750776_96623287.jpg");*/
	background-image: url("headers/rotate.php");
	height:150px;
}

#slogan{text-align:right;}

#content{
	background-color:#212121;
	margin-top:20px;
	border-top:1px solid #444444;
	border-bottom:1px solid #444444;
}

/* --------------------------------------------------------------------------------------------------------------------- COLUMNA_2 -------------- */

#columna_2 {

}

#columna_a{
	margin-top:10px;
	margin-bottom:10px;
	width:27%;
	float:left;
}

#columna_b{
	margin-top:10px;
	margin-bottom:10px;
	width:70%;
	float:right;
	line-height:22px;
}

#columna_b h1{color:white;}
#columna_b p{margin-bottom:10px;}

#columna_b ul{
	list-style:none;
	margin-left:10px;
	margin-bottom:5px;
}
#columna_b ul li{
	background-image:url("images/vineta_arrow_blue.gif");
	background-repeat:no-repeat;
	background-position:left;
	padding-left:15px;
}

/* --------------------------------------------------------------------------------------------------------------------- COLUMNA_3 -------------- */

#columna_3{
	margin-top:20px;
	border-top:1px solid #444444;
	padding-top:10px;
	padding-bottom:20px;
}

#columna_3 h2{margin-left:10px;}

/* --------------------------------------------------------------------------------------------------------------------- FOOTER -------------- */

#footer{
	clear:booth;
	float:none;
	border-top:1px solid #444444;
	text-align:center;
	line-height:30px;
	background-color:#212121;
	height:30px;
	margin-top:10px;
	color:#A4A4A4;
	padding-top:20px;
	font-size:10px;
	padding-bottom:20px;
}

#footer .h3{	font-size:16px;}

#footer ul{

}

#footer ul li{
	display:inline;
	margin-right:20px;}

#footer ul li a{
	font-size:12px;
	text-decoration:none;
	color:gray;
}

#footer .h3{font-size:30px;color:#2E2E2E;}

/* --------------------------------------------------------------------------------------------------------------------- MUESTRAS - Portafolio -------------- */

#muestras{
	/*color:white;*/
	margin-top:40px;
	font-size:10px;
	line-height:15px;
}

#muestras h2{
	text-align: left;
}

#muestras #cuadro{
	/*float:left;*/
	/*margin:25px;*/
	border:none;
	margin-bottom:40px;
	
	min-height:200px;
	height:auto !important;
	height:200px;
}

#muestras #cuadro #imagenes{
	margin-left:auto;
	margin-right:auto;
	width:420px;
}

#muestras #cuadro #foto{
	float:left;
	margin-right:20px;
}

#muestras #cuadro #descripcion{
	margin-left:20px;
}

#muestras #cuadro img{
	border:none;
	border-bottom:1px solid black;
}

#muestras #cuadro a{
	border:none;
}

#muestras hr{width:70%;margin:auto;}

#tags{margin-top:30px;}

#tags h1, #tags h2, #tags h3, #tags h4, #tags h5, #tags h6 {float:left;margin-right:10px;}

#clear{
	clear:both;
	float:none;
}

/* --------------------------------------------------------------------------------------------------------------------- RBROUNDBOX -------------- */

/* set millions of background images */
.rbroundbox { background: url(images/nt.gif) repeat; }
.rbtop div { background: url(images/tl.gif) no-repeat top left; }
.rbtop { background: url(images/tr.gif) no-repeat top right; }
.rbbot div { background: url(images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(images/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 100%; margin-left:5px; }

.rbroundbox p{
	background-image:url("images/vinetas.gif");
	background-repeat:no-repeat;
	background-position:left 6px;
	padding-left:10px;
	margin-bottom:7px;
}

.rbroundbox img{border:1px solid #272729;}

.rbroundbox ul{
	margin-left:20px;
	list-style:none;
}

.rbroundbox ul li{
	line-height:15px;
	background-image:url("images/vineta_arrow_blue.gif");
	background-repeat:no-repeat;
	background-position:left 15px;
	padding:10px;
}

.rbroundbox .ver_mas{margin-left:100px;padding-top:-3px;}

/* --------------------------------------------------------------------------------------------------------------------- ULTIMOS TRABAJOS -------------- */

#ultimos_trabajos{margin-left:60px;}

#ultimos_trabajos #cuadro{
	float:left;
	margin-right:65px;
}

#ultimos_trabajos img{
	border:none;
	border-bottom:1px solid black;

}

/* --------------------------------------------------------------------------------------------------------------------- STAFF -------------- */

#staff #cuadro{
	min-height:130px;
	height:auto !important;
	height:150px;
}

#staff #foto{
	/*background-color:yellow;*/
	width:100px;
	height:100px;
	float:left;
}

#staff #perfil{
	float:right;
	height:100px;
	width:440px;
	line-height:20px;
}

#staff #clear{
	margin-bottom:20px;
}

/* --------------------------------------------------------------------------------------------------------------------- PARTNERS -------------- */

#partners #cuadro{
	min-height:130px;
	height:auto !important;
	height:150px;
}

#partners #foto{
	/*background-color:yellow;*/
	width:213px;
	height:100px;
	float:left;
}

#partners #foto img{
	border:none;
}

#partners #perfil{
	float:right;
	height:100px;
	width:330px;
	line-height:20px;
}

#partners #clear{
	margin-bottom:20px;
}

/* --------------------------------------------------------------------------------------------------------------------- VER_MAS -------------- */

.ver_mas{
	background-image:url("images/vineta_arrow_bloque.gif");
	background-repeat:no-repeat;
	background-position:left;
	padding-left:15px;
}

#ver_mas_1{
	margin-left:10px;
	margin-top:5px;
}

/* --------------------------------------------------------------------------------------------------------------------- CONTACTO -------------- */

#contacto {width:360px; padding:10px; margin:15px; /*border: 2px dashed #D7AAEC;background-color:#D7AAEC;*/}
#contacto fieldset {border:0;/*background-color: #E4C6F2; padding:10px 20px;*/}
#contacto legend{font: bold 16px Arial, sans-serif;color:#9C2DD2; padding:0 5px;}
#contacto p label {font:bold 12px Geneva, Arial, Helvetica, sans-serif; float: left;width: 22%; text-align:right;padding:5px; color: #fff;}
#contacto p br {clear: left;}
.enviar{margin:3px 0 0 83px;}

/* --------------------------------------------------------------------------------------------------------------------- SERVICIOS -------------- */

#servicios #cuadro{
	/*border:1px solid white;*/
	width:263px;
	float:left;
	margin-right:10px;

	min-height:150px;
	height:auto !important;
	height:150px;

}

#servicios #foto{
	width:150px;
	float:right;
	height:200px;
}

#servicios #descripcion{
	float:left;
	height:200px;
	width:300px;
}

#servicios #clear{
	margin-bottom:20px;
}

.gradualshine{
filter:alpha(opacity=30);
-moz-opacity:0.3;
}

#paginacion{text-align:center;}

.caracol, .resaltar, .correos, .telefono{font-weight:bold; color:#FDD207;}

#formulario {
	font-size:12px;
	margin-top: 25px;
	margin-right: 25px;
	margin-left: 25px;
	text-align: justify;
}
/* formulario de contacto */
#formulario fieldset { border:0;margin:0;padding:0; }
#formulario	label { display:block; }
#formulario	input.text,textarea { width:300px;font:12px/12px 'courier new',courier,monospace;color:#333;padding:3px;margin:1px 0;border:1px solid #ccc; }
#formulario	input.submit { padding:2px 5px;font:bold 12px/12px verdana,arial,sans-serif; }