@import url('social-icons.css');

html,body{
	background:url(../img/fondob.jpg);
	padding:0;
	margin:0;
	height:100%;
}
#cabecera{
	background:url(../img/header.png) repeat-x;
	height:150px;
}
.cab-head{
	margin:auto;
	width:900px;	
}
#cuerpo{
	/*background:url(../img/body.png);*/
	height:100%;
}
.contenido{
	border:5px solid #000;
	border-top:0px;
	background:#f0f0f0;	
	width:900px;
	/*height:600px;*/
	margin:auto;
}
.contenido2{
	/*background:url(../img/content-tail.gif);*/
	background:url(../img/bground0.jpg) right;
	font-family:Arial, Helvetica, sans-serif;
	border:5px solid #000;
	width:900px;
	/*height:600px;*/
	margin:auto;
}
.contenido2 .padd{
	padding:20px 20px 20px 15px;
	color:#333333;
	font-size:13px;	
}
.titulosb{
	background:url(../img/header.png);
	border-radius: 5px; 
	-webkit-border-radius: 5px; 
	font-size:23px;
	color:#CCC;
	padding:12px;
}
.titulosb h3{margin-bottom:0px;color:#FFF;}
.padd-izq{
	/*background:#0F0;*/
	float:left;
	width:240px;
}
.padd-der{
	/*background:#FF6;*/
	text-align:justify;
	line-height:25px;
	padding-left:10px;
	float:right;
	width:605px;
}

#top-rs{
	background:url(../img/top-img.png) repeat-x;
	height:37px;
}
.clear{
	clear:both;
}
.logo{
	padding-top:40px;
	padding-left:20px;
	float:left;
}
.menu{
	padding-top:50px;
	float:right;
	width:550px;
}
.division{
	font-size:1px;
	height:4px;
}
.fotoexpo{	
	float:left;
	padding-right:20px;
}

/* ================= MENU ===================== */
#menuh {
        font: 80% Arial, Helvetica, sans-serif;
        margin-top: 10px;
		padding-right:20px;
}

#menuh ul, li {
        list-style-type: none;
}

#menuh ul {
        margin: 0;
        padding: 0;
}

#menuh li {
        float: left;
}

#menuh a {
        text-decoration: none;
        color:#FFF;
        display: block;
        padding: 5px 14px;
		font-size:15px;
}
#menuh a:hover {
       background: #121212;
	   /*background:#579dcf;*/
}
.primero {
       /* background: #666;*/
	   background:#579dcf;
}

.list-2{
	margin:0;
	padding-left:13px;
}
.list-2 li {
	font-size:14px; 
	line-height:19px; 
	font-style:italic;
	padding:8px 0; 
	background:url(../img/pic-1.gif) 0 bottom repeat-x;
}
	.list-2 a {
		display:inline-block; 
		color:#000; 
		padding-left:11px; 
		background:url(../img/marker-1.gif) 0 8px no-repeat;
	}
	.list-2 a:hover {color:#cc2800;}
	.list-2 .last-item {background:none;}
	.list-2 a{text-decoration:none;}

/* ================== CAMERA ==================== */
#back_to_camera {
	clear: both;
	display: block;
	height: 80px;
	line-height: 40px;
	padding: 20px;
}
.fluid_container {
	margin: 0 auto;
	max-width: 900px;	
	width: 100%;
}
.plug-camera{
	margin:auto;
	border:5px solid #000;
	width:900px;
}
/* ================== BOXGRid ============================ */
.abgr{ color:#C8DCE5;}
.titbgr{ margin: 5px 15px 4px 10px; color:#FFF; font:12pt Arial, sans-serif; letter-spacing:0px; font-weight: bold; line-height:16px;}
 
.boxgrid{ 
	width: 193px; 
	height: 144px; 
	float:left; 
	background:#161613; 
	overflow: hidden;
	position: relative; 
}
.boxgrid img{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
}
.boxgrid .p{ 
	padding: 0 10px; 
	color:#afafaf;
	font-weight:bold; 
	font:8pt "Lucida Grande", Arial, sans-serif; 
}

.boxcaption{ 
	float: left; 
	position: absolute; 
	background: #000; 
	height: 70px; 
	width: 100%; 
	opacity: .8; 

	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);

	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.captionfull .boxcaption {
	top: 193;
	left: 0;
}
.caption .boxcaption {
	top: 220;
	left: 0;
}
/* SOCIAL --------------------------------------------------------*/

#social-bar{
	display: fixed;
	float: left;
	width: 68px;
	background: url(../img/social-desktop.png) no-repeat bottom center;
	padding: 10px 0px 20px 0px;
}

#social-bar ul{
	display: block;
	margin: 0 auto ;
	width: 32px;
}

#social-bar li{
	display: block;
	padding: 0px;
	margin: 3px 0px;
}

#social-bar a{ display: block; }

/* AJAX Gif y mensajes de exito o fracaso */
form.contacto button {
	background: #444444;
    border: 0 none;
    color: #FFFFFF;
    float: right;
    font-weight: bold;
    height: 32px;
    padding: 0 10px;
    position: relative;
    text-transform: uppercase;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
}
form.contacto button:hover{
	background: #6A6A6A;
}
.hide{
	display: none;
}
.ajaxgif{
	position: absolute;
    right: 150px;
    top: 5px;
}
.msg{
    color: white;
    font-weight: bold;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    position: absolute;
	right: -155px;
    text-transform: uppercase;
	min-width: 121px;
}
.msg_ok{
	background: #589D05;
}
.msg_error{
	background: red;
}