@import url(https://fonts.googleapis.com/css?family=Oswald&subset=latin,latin-ext);
html{
	height:100% !important;
}
body{
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px;
	background-color: #fff; /*<-- Fondo Violeta  */
	height:100% !important;
}
.fondo_top{
	/* background-color: #7f3e98;<-- Fondo Violeta  
	background-image:url(../images/ROMAU_1_04.png);
	background-repeat:repeat-x;*/
	height:100% !important;
}

#slider{
	width:995px;
	height:300;
}



.page{
	-webkit-box-shadow: 0 0 20px;
	box-shadow: 0 0 20px;
	background-color:#FFFFFF;
	height:100% !important;
}



.principal{
	background: #FFF;
	margin: auto;
	padding-left: 10px;
	padding-right: 20px;
	overflow: auto;
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
	text-align: justify;
}
.texto_principal{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding-left: 10px;
	padding-right: 20px;
	font-size: 15px;
	text-align: Left;
	color: #4F4F4F;
	line-height: 22px;
}

.texto_header{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding-left: 10px;
	padding-right: 20px;
	font-size: 15px;
	text-align: center;
	color: #4F4F4F;
	line-height: 18px;
}


dt{
	font-family: 'Ropa Sans', sans-serif;
	color:#ff0000;
	font-weight:600;
	font-size:22px;
	padding-left: 20px;
	vertical-align: text-top !important;
}
dt:hover{
	font-family: 'Ropa Sans', sans-serif;
	color: #ff0000;
	font-weight: 600;
	font-size: 22px;
	padding-left: 20px;
	vertical-align:middle !important;
	text-shadow: 2px 2px 4px #A2A2A2;
}
dl {
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #4F4F4F;
	padding-left: 40px;
	padding-right: 20px;
	z-index:0;
	   }
dd {
	padding-left: 20px;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #4F4F4F;
	
	   }


.foto{
	background: #FFF;
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
	border: thick solid #FFFFFF;
}
.foto_1{
	background: #FFF;
	-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15);
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15);
	border: 7px solid #FFFFFF;
}














.contenedor_menu_front{
/*	background-color:#f0f1f1;
*/	width:995px;	
	margin:0;
}
.menu_front{
	margin:0;
}

.menu{
	height:50px;
	margin:0;
	vertical-align:text-top;
}
.cuerpo_ficha{
	margin-right:10px;
	margin-left:10px;
}
.logo_csi{
	width: 237px;
	height: 237px;
	border: 1px solid #ff0000;
	border-radius: 15px;
	vertical-align: middle;
	background-color: #ccc;
}
.borde_cuerpo{
	width: 738px;
	border: 1px solid #ff0000;
	border-radius: 15px;
	vertical-align: middle;
	background-color: #fff;
	padding: 10px;
}

h1,h2{
	margin: 0 0 10px 0;
}
h2{
	text-align: left;
}
h1{
	font-family: 'Khand', sans-serif;
	font-size: 36px;
	font-weight:400;
	line-height: 33px;
	color: #ff0000;
	margin: 10px;
	text-shadow:2px 2px 4px  #A3A3A3;
}
h3{
	font-family: 'Khand', sans-serif;
	font-weight:400;
	font-size: 42px;
	font-style:italic;
	line-height: 33px;
	color: #777;
	margin: 50px;
	padding-right:20;
}
h4{
	font-family: 'Ropa Sans', sans-serif;
	font-size: 18px;
	font-style: italic;
	line-height: 22px;
	color: #ff0000;
	margin: 20px;
	padding-right:20;
}

#principal{
	padding: 10px;
	margin:auto;
	background:#fff;
	overflow:auto;
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
}
#listado > div{
	display: inline-block;
	background:#fff;
	padding: 12px;
	box-shadow: 0 0 4px black;
	overflow: visible;
	vertical-align: top;
	width:450px !important;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
	margin-top:5px;
/*	border: medium solid #ff0000;
*/	border-radius: 0px;
	z-index:1004;
}
#listado > div img{
	float:left;
	vertical-align: top;
}
#listado > div p{
	/*margin-left: 0px;*/
	}
#listado > div a{
	display:inline-block;
	clear:both;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	}
.mas_info{
	/*	display: inline-block;
*/	vertical-align: top;
	color: #F00;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-right:20px;
	margin-left:20px;
}
.mas_info a:visited{
	/*	display: inline-block;
*/	vertical-align: top;
	color: #F00;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-right:20px;
	margin-left:20px;
}
.mas_info a:link {
	/*	display: inline-block;
*/	vertical-align: top;
	color: #F00;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-right:20px;
	margin-left:20px;
}
.mas_info a:hover {
	/*	display: inline-block;
*/	vertical-align: top;
	color: #ff0000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-right:20px;
	margin-left:20px;
}
.mapa_iframe{
	align-content: center;
	width: 800px !important;
	height: 300px !important;
	display: inline-block;
	border:medium solid #FF0004;
	box-shadow: 0 0 6px black;
	overflow: hidden;
}

.footer{
	width:995px;
	background-image:url(../images/ROMAU_1_11.png);
	color: #fff;
	font-size: 13px;
	line-height: 15px;
	font-family: 'Ropa Sans', sans-serif;
	text-decoration:none;
}
.footer a:visited{
	color: #fff;
	font-size: 13px;
	line-height: 15px;
	font-family: 'Ropa Sans', sans-serif;
	text-decoration:none;

}
.footer a:link{
	color: #fff;
	font-size: 13px;
	line-height: 15px;
	font-family: 'Ropa Sans', sans-serif;
	text-decoration:none;

}
.footer a:hover{
	color: #fff;
	font-size: 13px;
	line-height: 15px;
	font-family: 'Ropa Sans', sans-serif;
	text-decoration:none;

}
/* ===========================
   ====== Contact Form ======= 
   =========================== */

input, textarea {
	padding: 0px;
	border: 1px solid #ff0000;
	width: 200px;
	height: 20px;
	color: #999999;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;		
}

textarea {
	width: 400px;
	height: 100px;
	max-width: 400px;
	line-height: 18px;
}

input:hover, textarea:hover,
input:focus, textarea:focus {
	border-color: 1px solid #F78F1E;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px;
	-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px;	
}

.form_label {
	font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 18px;
	color:#ff0000;
}
.form {
	width: 100%;
	font-size: 14px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}

/* ===========================
   ====== Submit Button ====== 
   =========================== */

.submit_input {
	width: 100px; 
	height: 40px;
	background-color: #F78F1E; 
	font-family: 'Yanone Kaffeesatz', sans-serif;
	color: #FFF;
	font-size: 16px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;		
}

.login-submit {
    border: 1px solid #ff0000;
	height:35px;
	width:200px;
    color: #fff;
    background:#ff0000;
    padding: 10px 20px;
    border-radius: 5px;
}


.login-submit:hover {
	background-color: #FF9090;
}	
.login-submit_1 {
    border: 1px solid #ff0000;
	height:35px;
	width:300px;
    color: #fff;
    background:#ff0000;
    padding: 10px 20px;
    border-radius: 5px;
}


.login-submit_1:hover {
	background-color: #AE7DC1;
}	

 .scrollup{
	width:40px;
	height:40px;
	opacity:0.3;
	position:fixed;
	bottom:50px;
	right:100px;
	display:none;
	text-indent:-9999px;
	background-image: url(../images/icon_top.png);
	background-repeat: no-repeat;
}
div.bus {
	width: 40px;
	height: 40px;
	text-indent:-9999px;
	background-image: url(../images/SDS_3_29_03.png);
	}
div.tren {
	width: 40px;
	height: 40px;
	text-indent:-9999px;
	background-image: url(../images/SDS_3_29_04.png);
	}
div.auto {
	width: 40px;
	height: 40px;
	text-indent:-9999px;
	background-image: url(../images/SDS_3_29_02.png);
	}
div.mapa {
	width: 40px;
	height: 40px;
	text-indent:-9999px;
	background-image: url(../images/SDS_3_35.png);
	}
div.mail {
	width: 40px;
	height: 40px;
	text-indent:-9999px;
	background-image: url(../images/SDS_3_29_05.png);
	}
.cuerpo_principal{
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-weight: normal;
	font-size: 14px;
	line-height: 24px;
	background-color: #FFFFFF;
	padding-left: 55px;
	padding-right: 10px;
	text-align: justify;
}
div.cuerpo_principal{
	padding-right: 20px;
	padding-left: 20px;
}
.texto_ubicacion{
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-weight: normal;
	font-size: 14px;
	line-height: 18px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: justify;
}
.posicion_1{
	z-index: 1000;
}
.posicion_2{
	position: absolute;
	padding-top: 20px;
	padding-left: 0px;
	background-color: rgba(255,255,255,0.6);
	/*background-image: url(../images/fondo_semitransp.png);*/
	width: 173px;
	height: 180px;
	margin-top: -207px !important;
	margin-left: 20px !important;
	z-index: 1001;
	-webkit-box-shadow: 2px 2px 4px #000000;
	box-shadow: 2px 2px 4px #000000;
	border-radius: 5px;
	font-size: 10px;
	line-height:10px;
}

.menu_slider a {
	width: 173px;
	font-family: 'Khand', sans-serif;
	font-size:3em;
	font-weight:400;
	color:#000000;
	line-height:1.1em;
	margin-left:20px;
	text-decoration:none !important;

}

.menu_slider a:hover{
	content: "\2192";
	font-family: 'Khand', sans-serif;
	font-size:3em;
	font-weight:400;
	color: #FF0004;
	line-height:1.1em;
	margin-left:20px;
	text-decoration:none !important;
}