@charset "utf-8";
/* CSS Document */

/* CSS Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
			margin: 0;
					padding: 0;
							border: 0;
									font-size: 100%;
											font: inherit;
													vertical-align: baseline;
															text-decoration: none;
																	color:inherit;
																										
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
			display: block;
}

body {
		line-height: 1;
}
ol, ul {
		list-style: none;
}
blockquote, q {
		quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
		content: '';
			content: none;
}
table {
		border-collapse: collapse;
			border-spacing: 0;
} 

body{
	background-color:#FF4E00;
	
	
}

/*-----------------------------------------Header---------------------------------*/

#header{
	height:58px;
	max-height:58px;
	margin:0px auto;
	width:100%;
	background-image:url(img/head1.png);
	z-index:1;
	
	
}



#headcentrar{
	height:58px;
	margin:0px auto;
	min-width:500px;
	max-width:900px;
	overflow:hidden;

}

#headcentrarsca{
	height:58px;
	margin:0px auto;
	min-width:500px;
	overflow:hidden;

}

#head1{
	height:58px;
	width:236px;
	background-image:url(img/head2.png);
	float:left;
	z-index:2;
	position:relative;

}

#logo{
	height:58px;
	width:135px;
	margin:0px auto;
}

/*---------------MENU------------------------*/

#menuarea{
	height:30px;
	width:auto;
	float:right;
	margin-top:18px;
}

#menu ul{
	text-align:center;
	
	
}

#menu li{
	font-family: 'Asap', sans-serif;
	font-size:12px;
	float:left;
	color:black;

}


#menu li a {
	display:block;	
	border-right: solid 1px #ffffff;
	padding-left:8px;
	padding-right:8px;
	-moz-text-shadow: 1px 1px 2px #333;
	-webkit-text-shadow: 1px 1px 2px #333;
	text-shadow: 1px 1px 2px #333; 
	
	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

#menu li a:hover{
	-moz-text-shadow: 2px 2px 3px #000;
	-webkit-text-shadow: 2px 2px 3px #000;
	text-shadow: 2px 2px 3px #000; 
	
	-webkit-transition: all 50ms linear;
    -moz-transition: all 50ms linear;
    -o-transition: all 50ms linear;
    -ms-transition: all 50ms linear;
    transition: all 50ms linear;
}

#menu li:last-child a {
	border-right: none;
}





.select{
	height:9px;
	width:22px;
	background-image:url(img/select.png);
	margin:6px auto;
	
	
}

/*----------------------------CUERPO--------------------------------*/

#cuerpo{
	width:900px;
	height:auto;
	background-color:white;
	margin:0px auto;
	position:relative;
	margin-top:-13px;
	padding-bottom:20px;
	z-index:0;
	background: #ffffff; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,#ffffff 0%, #CCC 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), 	color-stop(100%,#CCC)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#CCC 100%); /* 	Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #ffffff 0%,#CCC 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #ffffff 0%,#CCC 100%); /* IE10+ */
	background: radial-gradient(center, ellipse cover,  #ffffff 0%,#CCC 100%); /* W3C */
	
	
	-moz-box-shadow: 0px 10px 10px #666;
	-webkit-box-shadow: 0px 10px 10px #666;
	box-shadow: 0px 10px 10px #666; 
}
/*----------------------------CUERPOSCA--------------------------------*/

#cuerposca{
	width:autopx;
	height:auto;
	background-color:white;
	margin:0px auto;
	position:relative;
	margin-top:-13px;
	/*margin-left:5px;
	margin-right:5px;
	/*padding-bottom:20px;*/
	z-index:0;
	background: #ffffff; /* Old browsers */
	/*background: -moz-radial-gradient(center, ellipse cover,#ffffff 0%, #CCC 100%); /* FF3.6+ */
	/*background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), 	color-stop(100%,#CCC)); /* Chrome,Safari4+ */
	/*background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#CCC 100%); /* 	Chrome10+,Safari5.1+ */
	/*background: -o-radial-gradient(center, ellipse cover,  #ffffff 0%,#CCC 100%); /* Opera 12+ */
	/*background: -ms-radial-gradient(center, ellipse cover,  #ffffff 0%,#CCC 100%); /* IE10+ */
	/*background: radial-gradient(center, ellipse cover,  #ffffff 0%,#CCC 100%); /* W3C */
	
	
	/*-moz-box-shadow: 0px 10px 10px #666;
	-webkit-box-shadow: 0px 10px 10px #666;
	box-shadow: 0px 10px 10px #666; */
}


/*-----------------------------------BOTONESCENTRALES-------------------*/

.pushbutton a:hover{
 position: relative; 
 top: 1px; 
 left: 1px;}
 

#botonescentrales{
	width:700px;
	height:200px;	
	margin:20px auto;
	
	
	
}


#botonescentrales1{
	width:700px;
	min-height:220px;
	height:auto;	
	margin:20px auto;
	position:relative;
	
}


#botonescentrales2{
	width:700px;
	min-height:220px;
	height:auto;	
	margin:20px auto;
	
	
}

/*-----------------------------------ACCESOS----------------------------*/

#accesos{
	width:700px;
	height:30px;
	padding-top:15px;
	margin:0px auto;
		
}

#accesobase{
	width:auto;
	height:20px;
	padding-top:0px;
	float:right;
	
		
}

#login li{
	font-family: 'Asap', sans-serif;
	font-size:12px;
	float:left;
	

}


#login li a {
	display:block;	
	border-right: solid 1px #900;
	padding-left:8px;
	padding-right:8px;
	padding-top:3px;
	color:#888;
	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

#login li a:hover {
	color:white;
	-moz-text-shadow: 1px 1px 1px #666;
	-webkit-text-shadow: 1px 1px 1px #666;
	text-shadow: 1px 1px 1px #666; 
	-webkit-transition: all 50ms linear;
    -moz-transition: all 50ms linear;
    -o-transition: all 50ms linear;
    -ms-transition: all 50ms linear;
    transition: all 50ms linear;
}


#login li:last-child a {
	border-right: none;
}

.social{
	width:19px;
	height:19px;
	float:left;	
	margin-right:5px;
	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

.social:hover{
	-moz-box-shadow: 0px 0px 3px white;
	-webkit-box-shadow: 0px 0px 3px white;
	box-shadow: 0px 0px 3px white; 
	-webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
	
}

/*-----------------------------------TITULOS----------------------------*/

#titulos{
	width:700px;
	height:44px;
	background-color:#333;
	background-image:url(img/titulobg.png);
	margin:0px auto;
	-moz-border-top-right-radius: 10px;
	-moz-border-top-left-radius: 10px;
	border-top-right-radius: 10px; 
	border-top-left-radius: 10px;
	-moz-box-shadow: 0px 4px 4px #FF4E00;
	-webkit-box-shadow: 4px 2px 4px #FF4E00;
	box-shadow: 0px 4px 4px #FF4E00; 	
	
}

#titulos h1{
	font-family: 'Asap', sans-serif;
	font-style:italic;
	text-align:center;
	font-size:25px;
	font-weight:normal;
	color:white;
	padding-top:10px;
}

#flechatitulos{
	width:24px;
	height:10px;
	background-image:url(img/flechatitulo.png);
	margin:0px auto;
	z-index:5;
	position:relative;
}

/*-----------------------------------BANNER-----------------------------*/

#banner{
	width:700px;
	height:221px;
	background-color:#333;	
	margin:0px auto;
	-moz-border-bottom-right-radius: 10px;
	-moz-border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px; 
	border-bottom-left-radius: 10px;
	margin-top:-10px;
	z-index:4;
	position:relative;
	-moz-box-shadow: 0px 4px 4px #FF4E00;
	-webkit-box-shadow: 0px 4px 4px #FF4E00;
	box-shadow: 0px 4px 4px #FF4E00; 
}

#banner img{
	
	-moz-border-bottom-right-radius: 10px;
	-moz-border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px; 
	border-bottom-left-radius: 10px;
	
	
}

/*-----------------------------------DOBLE COLUMNA--------------------------*/

.doblecolumna{
	width:700px;
	min-height:130px;
	margin:0px auto;
			
}

.doblecolumna2{
	width:700px;
	min-height:150px;
	margin:0px auto;
			
}

/*-----------------------------------INFO-------------------------------*/

.info1{
	width:215px;
	height:220px;
	float:left;
	margin-right:26px;
		
}

.info1:last-child{
	margin-right:0px;
}

.info1 h1{
	font-family: 'Asap', sans-serif;
	font-size:26px;
	color:#900;
	text-align:left;
	font-style:italic;
	margin:5px;
}

.info1 p{
	font-family: 'Asap', sans-serif;
	font-size:12px;
	color:#777;
	text-align:justify;
	margin:5px;
	margin-top:10px;
	line-height:16px;
}

.info1 b{
	font-family: 'Asap', sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#777;
	line-height:16px;
}

/*-----------------------------------Iconos-------------------------------*/

.iconos{
	width:43px;
	height:106px;
	float:left;
	margin-right:20px;	
}

.icono{
	width:43px;
	height:43px;
	float:left;
	margin-top:10px;		
}

/*-----------------------------------INFO2-------------------------------*/

.info2{
	width:700px;
	height:auto;
	margin-right:26px;
	margin-top:30px;
		
}

.info2:last-child{
	margin-right:0px;
}

.info2 h1{
	font-family: 'Asap', sans-serif;
	font-size:26px;
	color:#900;
	text-align:left;
	font-style:italic;
	margin:5px;
	
}

.info2 h2{
	font-family: 'Asap', sans-serif;
	font-size:16px;
	color:#900;
	text-align:left;
	font-style:italic;
	margin:5px;
	
}

.info2 p{
	font-family: 'Asap', sans-serif;
	font-size:12px;
	color:#777;
	text-align:justify;
	margin:5px;
	margin-top:10px;
	line-height:16px;
	
}

.info2 b{
	font-family: 'Asap', sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#777;
	line-height:16px;
}


/*-----------------------------------INFO3-------------------------------*/

.info3{
	width:340px;
	height:auto;
	margin-right:20px;
	margin-top:0px;
	float:left;
	position:relative;
	
		
}

.info3:last-child{
	margin-right:0px;
}

.info3 h1{
	font-family: 'Asap', sans-serif;
	font-size:26px;
	color:#900;
	text-align:left;
	font-style:italic;
	margin:5px;
	
}

.info3 h2{
	font-family: 'Asap', sans-serif;
	font-size:16px;
	color:#900;
	text-align:left;
	font-style:italic;
	margin:5px;
	
}

.info3 h3{
	font-family: 'Asap', sans-serif;
	font-size:16px;
	color:#900;
	text-align:left;
	font-style:italic;
	margin:5px;
	
}

.info3 p{
	font-family: 'Asap', sans-serif;
	font-size:12px;
	color:#777;
	text-align:justify;
	margin:5px;
	margin-top:10px;
	line-height:16px;
	
}

.info3 b{
	font-family: 'Asap', sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#777;
	line-height:16px;
}


/*-----------------------------------INFO4-------------------------------*/

.info4{
	width:340px;
	min-height:130px;
	height:auto;
	margin-right:20px;
	margin-top:0px;
	float:left;
	position:relative;
	
		
}

.info4:last-child{
	margin-right:0px;
}

.info4 h1{
	font-family: 'Asap', sans-serif;
	font-size:26px;
	color:#900;
	text-align:left;
	font-style:italic;
	margin:5px;
	
}

.info4 h2{
	font-family: 'Asap', sans-serif;
	font-size:16px;
	color:#900;
	text-align:left;
	font-style:italic;
	margin:5px;
	
}

.info4 h3{
	font-family: 'Asap', sans-serif;
	font-size:16px;
	color:#900;
	text-align:left;
	font-style:italic;
	margin:5px;
	
}

.info4 p{
	font-family: 'Asap', sans-serif;
	font-size:12px;
	color:#777;
	text-align:justify;
	margin:5px;
	margin-top:10px;
	line-height:16px;
	
}

.info4 b{
	font-family: 'Asap', sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#777;
	line-height:16px;
}


/*-----------------------------------INFO LOGISTICS-------------------------------*/

.infologistics{
	width:700px;
	height:auto;
	margin-right:26px;
	margin-top:30px;
	margin-bottom:20px;
		
}


.infologistics:last-child{
	margin-right:0px;
}

.infologistics h1{
	font-family: 'Asap', sans-serif;
	font-size:26px;
	color:#900;
	text-align:center;
	font-style:italic;
	margin:5px;
	font-weight:bold;
	
}

.infologistics h2{
	font-family: 'Asap', sans-serif;
	font-size:16px;
	color:#900;
	text-align:left;
	font-style:italic;
	margin:5px;
	
}

.infologistics p{
	font-family: 'Asap', sans-serif;
	font-size:14px;
	color:#777;
	text-align:center;
	margin:5px;
	margin-top:10px;
	line-height:16px;
	
}

.infologistics b{
	font-family: 'Asap', sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#777;
	line-height:16px;
}

/*-----------------------------------recuadro iconos------------------------*/

.cctvbtn{
	width:190px;
	height:50px;
	background-color:#993;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	-moz-box-shadow: 2px 2px 2px #CCC;
	-webkit-box-shadow: 2px 2px 2px #CCC;
	box-shadow: 2px 2px 2px #CCC; 
	
	background: #35bc32; /* Old browsers */
background: -moz-linear-gradient(top,  #35bc32 0%, #5fd83a 13%, #5bc936 88%, #35a815 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#35bc32), color-stop(13%,#5fd83a), color-stop(88%,#5bc936), color-stop(100%,#35a815)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #35bc32 0%,#5fd83a 13%,#5bc936 88%,#35a815 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #35bc32 0%,#5fd83a 13%,#5bc936 88%,#35a815 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #35bc32 0%,#5fd83a 13%,#5bc936 88%,#35a815 100%); /* IE10+ */
background: linear-gradient(top,  #35bc32 0%,#5fd83a 13%,#5bc936 88%,#35a815 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35bc32', endColorstr='#35a815',GradientType=0 ); /* IE6-9 */

 
}


.cctvbtn:hover{
	
	background: #35bc32; /* Old browsers */
background: -moz-linear-gradient(top,  #35bc32 0%, #5fd83a 85%, #35a815 91%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#35bc32), color-stop(85%,#5fd83a), color-stop(91%,#35a815)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #35bc32 0%,#5fd83a 85%,#35a815 91%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #35bc32 0%,#5fd83a 85%,#35a815 91%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #35bc32 0%,#5fd83a 85%,#35a815 91%); /* IE10+ */
background: linear-gradient(top,  #35bc32 0%,#5fd83a 85%,#35a815 91%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35bc32', endColorstr='#35a815',GradientType=0 ); /* IE6-9 */
 
}

.cctvbtn:active{
	
	background: #5fd83a; /* Old browsers */
background: -moz-linear-gradient(top,  #5fd83a 13%, #35a815 91%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(13%,#5fd83a), color-stop(91%,#35a815)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #5fd83a 13%,#35a815 91%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #5fd83a 13%,#35a815 91%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #5fd83a 13%,#35a815 91%); /* IE10+ */
background: linear-gradient(top,  #5fd83a 13%,#35a815 91%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fd83a', endColorstr='#35a815',GradientType=0 ); /* IE6-9 */

-moz-box-shadow: 0px 0px 4px #CCC;
	-webkit-box-shadow: 0px 0px 4px #CCC;
	box-shadow: 0px 0px 4px #CCC; 	
}

.cctvbtn p{
	font-family: 'Asap', sans-serif;
	font-size:20px;
	font-weight:bold;
	color:white;
	line-height:16px;
	text-align:center;
	padding-top:15px;
	-moz-text-shadow: 2px 2px 2px #666;
	-webkit-text-shadow: 2px 2px 2px #666;
	text-shadow: 2px 2px 2px #666; 
}

.seccioniconos{
	width:700px;
	height:426px;
	margin-top:40px;
}

.seccioniconosshort{
	width:700px;
	height:350px;
	margin-top:40px;
}

.seccioniconos2{
	width:700px;
	height:180px;
	margin-top:40px;
	
}
            
.baseiconos{
	width:320px;
	height:400px;
	margin-left:20px;
	background-color:white;
	float:left;
	-moz-border-radius: 8px;
	border-radius: 8px; 
	-moz-box-shadow: 3px 3px 4px #CCC;
	-webkit-box-shadow: 3px 3px 4px #CCC;
	box-shadow: 3px 3px 4px #CCC; 
	background: -moz-radial-gradient(center, ellipse cover,#ffffff 0%, #e6e6e6 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), 	color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#e6e6e6 100%); /* 	Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #ffffff 0%,#e6e6e6 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #ffffff 0%,#e6e6e6 100%); /* IE10+ */
	background: radial-gradient(center, ellipse cover,  #ffffff 0%,#e6e6e6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	position:relative;
}



.baseiconosshort{
	width:320px;
	height:300px;
	margin-left:20px;
	background-color:white;
	float:left;
	-moz-border-radius: 8px;
	border-radius: 8px; 
	-moz-box-shadow: 3px 3px 4px #CCC;
	-webkit-box-shadow: 3px 3px 4px #CCC;
	box-shadow: 3px 3px 4px #CCC; 
	background: -moz-radial-gradient(center, ellipse cover,#ffffff 0%, #e6e6e6 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), 	color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#e6e6e6 100%); /* 	Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #ffffff 0%,#e6e6e6 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #ffffff 0%,#e6e6e6 100%); /* IE10+ */
	background: radial-gradient(center, ellipse cover,  #ffffff 0%,#e6e6e6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	position:relative;
}


.baseiconosstorage{
	width:220px;
	height:150px;
	margin-left:10px;
	background-color:white;
	float:left;
	-moz-border-radius: 8px;
	border-radius: 8px; 
	-moz-box-shadow: 3px 3px 4px #CCC;
	-webkit-box-shadow: 3px 3px 4px #CCC;
	box-shadow: 3px 3px 4px #CCC; 
	background: -moz-radial-gradient(center, ellipse cover,#ffffff 0%, #e6e6e6 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), 	color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#e6e6e6 100%); /* 	Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #ffffff 0%,#e6e6e6 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #ffffff 0%,#e6e6e6 100%); /* IE10+ */
	background: radial-gradient(center, ellipse cover,  #ffffff 0%,#e6e6e6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	position:relative;
}

.baseiconosstorage:first-child{
	margin-left:none;
	position:relative;
}

.textoscolumna{
	width:280px;
	height:auto;
	margin:20px auto;
}

.textoscolumna h1{
	font-family: 'Asap', sans-serif;
	font-size:26px;
	color:#900;
	text-align:center;
	font-style:italic;
	margin:5px;
	font-weight:bold;
}

.textoscolumna p{
	font-family: 'Asap', sans-serif;
	font-size:14px;
	color:#777;
	text-align:center;
	margin:5px;
	margin-top:10px;
	line-height:16px;
}

.baseinfoiconos{
	width:250px;
	height:75px;
	position:relative;
	margin:20px auto;

}

.baseinfoiconos2{
	width:190px;
	height:45px;
	position:relative;
	margin:20px auto;

}

.baseinfoiconos3{
	width:190px;
	height:45px;
	position:relative;
	margin:20px auto;

}
                    
.icono2{
	width:75px;
	height:75px;
	float:left;
	position:relative;
	-moz-box-shadow: 3px 3px 3px #DDD;
	-webkit-box-shadow: 3px 3px 3px #DDD;
	box-shadow: 3px 3px 3px #DDD; 
	
	-moz-border-radius: 8px;
	 	border-radius: 8px; 
	
}

.icono3{
	width:45px;
	height:45px;
	float:left;
	position:relative;
	-moz-box-shadow: 3px 3px 3px #DDD;
	-webkit-box-shadow: 3px 3px 3px #DDD;
	box-shadow: 3px 3px 3px #DDD; 
	
	-moz-border-radius: 8px;
	 	border-radius: 8px; 
	
}



.infoiconos{
	width:175px;
	height:75px;
	float:left;
	position:relative;
	
}

.infoiconos h1{
	font-family: 'Asap', sans-serif;
	font-size:18px;
	color:#900;
	text-align:left;
	margin-top:20px;
	font-weight:bold;
	padding-left:10px;
}

.infoiconos h2{
	font-family: 'Asap', sans-serif;
	font-size:14px;
	color:#999;
	text-align:left;
	padding-left:10px;
	
}

.infoiconos2{
	width:145px;
	height:45px;
	float:left;
	position:relative;
	
}

.baseinfoiconos2:first-child{
	padding-top:30px;
	position:relative;
	
}

.infoiconos2 h1{
	font-family: 'Asap', sans-serif;
	font-size:18px;
	color:#900;
	text-align:left;
	margin-top:8px;
	font-weight:bold;
	padding-left:10px;
}

.infoiconos2 h2{
	font-family: 'Asap', sans-serif;
	font-size:14px;
	color:#999;
	text-align:left;
	padding-left:10px;
	
}

/*-----------------------------------TEXTO LARGO----------------------------*/

.baselargo{
	width:700px;
	margin:0px auto;
	height:auto;
}

.largo{
	width:660px;
	height:auto;
	float:left;
	margin-left:20px;
	background-color:white;
	-moz-border-radius: 8px;
	border-radius: 8px; 
	-moz-box-shadow: 3px 3px 4px #CCC;
	-webkit-box-shadow: 3px 3px 4px #CCC;
	box-shadow: 3px 3px 4px #CCC; 
	background: -moz-radial-gradient(center, ellipse cover,#ffffff 0%, #e6e6e6 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), 	color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#e6e6e6 100%); /* 	Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #ffffff 0%,#e6e6e6 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #ffffff 0%,#e6e6e6 100%); /* IE10+ */
	background: radial-gradient(center, ellipse cover,  #ffffff 0%,#e6e6e6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	position:relative;
}

.textolargo{
	width:290px;
	height:auto;
	padding:20px;
	
	float:left;
	
}

.textolargo h1{
	font-family: 'Asap', sans-serif;
	font-size:32px;
	color:#900;
	text-align:left;
	font-weight:bold;
	padding-left:10px;
}

.textolargo h2{
	font-family: 'Asap', sans-serif;
	font-size:20px;
	color:#999;
	text-align:left;
	padding-left:10px;
}
.textolargo p{
	font-family: 'Asap', sans-serif;
	font-size:14px;
	color:#777;
	text-align:left;
	margin-top:10px;
	line-height:16px;
	padding-left:10px;
}

/*-----------------------------------IMAGEN BANNER--------------------------*/

.imagenbanner{
	width:700px;
	height:226px;
	margin:20px auto;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color:black; 
	border-bottom:white thin solid;
	border-top:black 2px solid;
}

.imagenbanner img{
	-moz-border-radius: 8px;
	border-radius: 8px; 
	position:relative;
}

/*-----------------------------------BARRAGRIS--------------------------*/

#barragris{
	width:700px;
	height:5px;
	margin:20px auto;
	background-color:#666;	
	-moz-border-radius: 2px;
	border-radius: 2px; 
}

/*-----------------------------------BARRAROJA--------------------------*/

#barraroja{
	width:700px;
	height:5px;
	margin-top:20px;
	margin-bottom:10px;
	background-color:#900;	
	-moz-border-radius: 2px;
	border-radius: 2px; 
	float:left;
}

/*-----------------------------------SECCIONES--------------------------*/


#secciones{
	width:700px;
	height:130px;
	margin:20px auto;
			
}

#seccionesauto{
	width:700px;
	height:auto;
	margin:20px auto;
			
}


.seccion{
	width:230px;
	height:130px;
	float:left;	
	margin-right:1px;
	margin-left:2px;
}

.fasticonouno{
	width:60px;
	height:60px;
	margin:0px auto;
		
}

.fasticonouno b{
	color: #fff;
	font-family: 'Asap', sans-serif;
	font-size:14px;	
	font-weight:bold;
}

.fasticonouno:hover{
	width:60px;
	height:60px;
	margin:0px auto;
	
	
}

/*-----------------------------------------------TOOLTIPS---------------------------*/

.fasticonouno span { /* The appearance of our tooltip */
    background-color: rgba(0,0,0, 0.8);
    border-radius: 15px 15px 15px 0px;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
    color: #fff;
    margin-left:-50px;
    margin-top:-50px;
    opacity: 0; /* Make it transparent */
    padding: 10px 10px 10px 40px;
    position: absolute;
    text-decoration: none;
    visibility: hidden; /* and hidden */
    width: 150px;
	z-index: 10;
	
	font-family: 'Asap', sans-serif;
	font-size:12px;
	-webkit-transition-delay: 0, 0;
	-webkit-transition-duration: 0.4s, 0.4s;
    -webkit-transition-property: opacity, visibility;
    -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1), cubic-bezier(0.42, 0, 0.58, 1);
	
	-moz-transition-delay: 0, 0;
	-moz-transition-duration: 0.4s, 0.4s;
    -moz-transition-property: opacity, visibility;
    -moz-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1), cubic-bezier(0.42, 0, 0.58, 1);
	
	-o-transition-delay: 0, 0;
	-o-transition-duration: 0.4s, 0.4s;
    -o-transition-property: opacity, visibility;
    -o-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1), cubic-bezier(0.42, 0, 0.58, 1);
	
	-ms-transition-delay: 0, 0;
	-ms-transition-duration: 0.4s, 0.4s;
    -ms-transition-property: opacity, visibility;
    -ms-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1), cubic-bezier(0.42, 0, 0.58, 1);
	
	transition-delay: 0, 0;
	transition-duration: 0.4s, 0.4s;
    transition-property: opacity, visibility;
    transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1), cubic-bezier(0.42, 0, 0.58, 1);
}
 
.fasticonouno:hover span { /* show the tooltip when hover */
    opacity: 1;
    visibility: visible;
	
}


 
.fasticonouno span img { /* example image */
    border: 0 none;
    float: left;
    margin: -5px 0 0 -60px;
    opacity: 0;
    position: absolute;
    visibility: hidden;
    z-index: -1;
	
	-webkit-transition-delay: 0, 0;
	-webkit-transition-duration: 0.4s, 0.4s;
    -webkit-transition-property: opacity, visibility;
    -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1), cubic-bezier(0.42, 0, 0.58, 1);
	
	-moz-transition-delay: 0, 0;
	-moz-transition-duration: 0.4s, 0.4s;
    -moz-transition-property: opacity, visibility;
    -moz-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1), cubic-bezier(0.42, 0, 0.58, 1);
	
	-o-transition-delay: 0, 0;
	-o-transition-duration: 0.4s, 0.4s;
    -o-transition-property: opacity, visibility;
    -o-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1), cubic-bezier(0.42, 0, 0.58, 1);
	
	-ms-transition-delay: 0, 0;
	-ms-transition-duration: 0.4s, 0.4s;
    -ms-transition-property: opacity, visibility;
    -ms-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1), cubic-bezier(0.42, 0, 0.58, 1);
	
	transition-delay: 0, 0;
	transition-duration: 0.4s, 0.4s;
    transition-property: opacity, visibility;
    transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1), cubic-bezier(0.42, 0, 0.58, 1);
}
 
.fasticonouno:hover span img { /* show the image */
    opacity: 1;
    visibility: visible;
	
}




.baseinfoiconos span { /* The appearance of our tooltip */
    background-color: rgba(0,0,0, 0.8);
    border-radius: 15px 15px 15px 0px;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
    color: #fff;
    margin-left: 10px;
    margin-top: -50px;
    opacity: 0; /* Make it transparent */
    padding: 10px 10px 10px 40px;
    position: absolute;
    text-decoration: none;
    visibility: hidden; /* and hidden */
    width: 150px;
	z-index: 10;
	
	font-family: 'Asap', sans-serif;
	font-size:12px;
	-webkit-transition-delay: 0, 0;
	-webkit-transition-duration: 0.4s, 0.4s;
    -webkit-transition-property: opacity, visibility;
    -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1), cubic-bezier(0.42, 0, 0.58, 1);
	
	-moz-transition-delay: 0, 0;
	-moz-transition-duration: 0.4s, 0.4s;
    -moz-transition-property: opacity, visibility;
    -moz-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1), cubic-bezier(0.42, 0, 0.58, 1);
	
	-o-transition-delay: 0, 0;
	-o-transition-duration: 0.4s, 0.4s;
    -o-transition-property: opacity, visibility;
    -o-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1), cubic-bezier(0.42, 0, 0.58, 1);
	
	-ms-transition-delay: 0, 0;
	-ms-transition-duration: 0.4s, 0.4s;
    -ms-transition-property: opacity, visibility;
    -ms-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1), cubic-bezier(0.42, 0, 0.58, 1);
	
	transition-delay: 0, 0;
	transition-duration: 0.4s, 0.4s;
    transition-property: opacity, visibility;
    transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1), cubic-bezier(0.42, 0, 0.58, 1);
}
 
.baseinfoiconos:hover span { /* show the tooltip when hover */
    opacity: 1;
    visibility: visible;
	
}


 
.baseinfoiconos span img { /* example image */
    border: 0 none;
    float: left;
    margin: -5px 0 0 -60px;
    opacity: 0;
    position: absolute;
    visibility: hidden;
    z-index: -1;
	
	-webkit-transition-delay: 0, 0;
	-webkit-transition-duration: 0.4s, 0.4s;
    -webkit-transition-property: opacity, visibility;
    -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1), cubic-bezier(0.42, 0, 0.58, 1);
	
	-moz-transition-delay: 0, 0;
	-moz-transition-duration: 0.4s, 0.4s;
    -moz-transition-property: opacity, visibility;
    -moz-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1), cubic-bezier(0.42, 0, 0.58, 1);
	
	-o-transition-delay: 0, 0;
	-o-transition-duration: 0.4s, 0.4s;
    -o-transition-property: opacity, visibility;
    -o-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1), cubic-bezier(0.42, 0, 0.58, 1);
	
	-ms-transition-delay: 0, 0;
	-ms-transition-duration: 0.4s, 0.4s;
    -ms-transition-property: opacity, visibility;
    -ms-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1), cubic-bezier(0.42, 0, 0.58, 1);
	
	transition-delay: 0, 0;
	transition-duration: 0.4s, 0.4s;
    transition-property: opacity, visibility;
    transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1), cubic-bezier(0.42, 0, 0.58, 1);
}
 
.baseinfoiconos:hover span img { /* show the image */
    opacity: 1;
    visibility: visible;
	
}





.baseinfoiconos2 span { /* The appearance of our tooltip */
    background-color: rgba(0,0,0, 0.8);
    border-radius: 15px 15px 15px 0px;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
    color: #fff;
    margin-left: 10px;
    margin-top: -50px;
    opacity: 0; /* Make it transparent */
    padding: 10px 10px 10px 40px;
    position: absolute;
    text-decoration: none;
    visibility: hidden; /* and hidden */
    width: 150px;
	z-index: 10;
	
	font-family: 'Asap', sans-serif;
	font-size:12px;
	-webkit-transition-delay: 0, 0;
	-webkit-transition-duration: 0.4s, 0.4s;
    -webkit-transition-property: opacity, visibility;
    -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1), cubic-bezier(0.42, 0, 0.58, 1);
	
	-moz-transition-delay: 0, 0;
	-moz-transition-duration: 0.4s, 0.4s;
    -moz-transition-property: opacity, visibility;
    -moz-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1), cubic-bezier(0.42, 0, 0.58, 1);
	
	-o-transition-delay: 0, 0;
	-o-transition-duration: 0.4s, 0.4s;
    -o-transition-property: opacity, visibility;
    -o-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1), cubic-bezier(0.42, 0, 0.58, 1);
	
	-ms-transition-delay: 0, 0;
	-ms-transition-duration: 0.4s, 0.4s;
    -ms-transition-property: opacity, visibility;
    -ms-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1), cubic-bezier(0.42, 0, 0.58, 1);
	
	transition-delay: 0, 0;
	transition-duration: 0.4s, 0.4s;
    transition-property: opacity, visibility;
    transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1), cubic-bezier(0.42, 0, 0.58, 1);
}
 
.baseinfoiconos2:hover span { /* show the tooltip when hover */
    opacity: 1;
    visibility: visible;
	
}


 
.baseinfoiconos2 span img { /* example image */
    border: 0 none;
    float: left;
    margin: -5px 0 0 -60px;
    opacity: 0;
    position: absolute;
    visibility: hidden;
    z-index: -1;
	
	-webkit-transition-delay: 0, 0;
	-webkit-transition-duration: 0.4s, 0.4s;
    -webkit-transition-property: opacity, visibility;
    -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1), cubic-bezier(0.42, 0, 0.58, 1);
	
	-moz-transition-delay: 0, 0;
	-moz-transition-duration: 0.4s, 0.4s;
    -moz-transition-property: opacity, visibility;
    -moz-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1), cubic-bezier(0.42, 0, 0.58, 1);
	
	-o-transition-delay: 0, 0;
	-o-transition-duration: 0.4s, 0.4s;
    -o-transition-property: opacity, visibility;
    -o-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1), cubic-bezier(0.42, 0, 0.58, 1);
	
	-ms-transition-delay: 0, 0;
	-ms-transition-duration: 0.4s, 0.4s;
    -ms-transition-property: opacity, visibility;
    -ms-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1), cubic-bezier(0.42, 0, 0.58, 1);
	
	transition-delay: 0, 0;
	transition-duration: 0.4s, 0.4s;
    transition-property: opacity, visibility;
    transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1), cubic-bezier(0.42, 0, 0.58, 1);
}
 
.baseinfoiconos2:hover span img { /* show the image */
    opacity: 1;
    visibility: visible;
	
}



.baseinfoiconos3 span { /* The appearance of our tooltip */
    background-color: rgba(0,0,0, 0.8);
    border-radius: 15px 15px 15px 0px;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
    color: #fff;
    margin-left: 10px;
    margin-top: -50px;
    opacity: 0; /* Make it transparent */
    padding: 10px 10px 10px 40px;
    position: absolute;
    text-decoration: none;
    visibility: hidden; /* and hidden */
    width: 150px;
	z-index: 10;
	
	font-family: 'Asap', sans-serif;
	font-size:12px;
	-webkit-transition-delay: 0, 0;
	-webkit-transition-duration: 0.4s, 0.4s;
    -webkit-transition-property: opacity, visibility;
    -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1), cubic-bezier(0.42, 0, 0.58, 1);
	
	-moz-transition-delay: 0, 0;
	-moz-transition-duration: 0.4s, 0.4s;
    -moz-transition-property: opacity, visibility;
    -moz-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1), cubic-bezier(0.42, 0, 0.58, 1);
	
	-o-transition-delay: 0, 0;
	-o-transition-duration: 0.4s, 0.4s;
    -o-transition-property: opacity, visibility;
    -o-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1), cubic-bezier(0.42, 0, 0.58, 1);
	
	-ms-transition-delay: 0, 0;
	-ms-transition-duration: 0.4s, 0.4s;
    -ms-transition-property: opacity, visibility;
    -ms-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1), cubic-bezier(0.42, 0, 0.58, 1);
	
	transition-delay: 0, 0;
	transition-duration: 0.4s, 0.4s;
    transition-property: opacity, visibility;
    transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1), cubic-bezier(0.42, 0, 0.58, 1);
}
 
.baseinfoiconos3:hover span { /* show the tooltip when hover */
    opacity: 1;
    visibility: visible;
	
}


 
.baseinfoiconos3 span img { /* example image */
    border: 0 none;
    float: left;
    margin: -5px 0 0 -60px;
    opacity: 0;
    position: absolute;
    visibility: hidden;
    z-index: -1;
	
	-webkit-transition-delay: 0, 0;
	-webkit-transition-duration: 0.4s, 0.4s;
    -webkit-transition-property: opacity, visibility;
    -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1), cubic-bezier(0.42, 0, 0.58, 1);
	
	-moz-transition-delay: 0, 0;
	-moz-transition-duration: 0.4s, 0.4s;
    -moz-transition-property: opacity, visibility;
    -moz-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1), cubic-bezier(0.42, 0, 0.58, 1);
	
	-o-transition-delay: 0, 0;
	-o-transition-duration: 0.4s, 0.4s;
    -o-transition-property: opacity, visibility;
    -o-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1), cubic-bezier(0.42, 0, 0.58, 1);
	
	-ms-transition-delay: 0, 0;
	-ms-transition-duration: 0.4s, 0.4s;
    -ms-transition-property: opacity, visibility;
    -ms-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1), cubic-bezier(0.42, 0, 0.58, 1);
	
	transition-delay: 0, 0;
	transition-duration: 0.4s, 0.4s;
    transition-property: opacity, visibility;
    transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1), cubic-bezier(0.42, 0, 0.58, 1);
}
 
.baseinfoiconos3:hover span img { /* show the image */
    opacity: 1;
    visibility: visible;
	
}

/*---------------------------------------------------------------------------------*/
.tituloseccion{
	width:230px;
	height:15px;
}

.tituloseccion h1{
	font-family: 'Asap', sans-serif;
	font-size:12px;
	color:#999;
	text-align:center;
	margin-top:12px;
}

.botonseccion{
	width:230px;
	height:29px;
	-moz-border-radius: 6px;
	border-radius: 6px; 
	background-color:#b9131a;
	margin-top:10px;
	 -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}

.botonseccion p{
	font-family: 'Asap', sans-serif;
	font-size:12px;
	color:white;
	text-align:center;
	padding-top:8px;
	padding-bottom:9px;
	-moz-text-shadow: 2px 2px 2px #333;
	-webkit-text-shadow: 2px 2px 2px #333;
	text-shadow: 2px 2px 2px #333; 
}

.botonseccion:hover{
	width:230px;
	height:29px;
	-moz-border-radius: 6px;
	border-radius: 6px; 
	background-color:#b9131a;
	margin-top:10px;
	-moz-box-shadow: 0px 5px 4px white;
	-webkit-box-shadow: 0px 5px 4px white;
	box-shadow: 0px 5px 4px white;
	 -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
	
}

.botonseccion p:hover{
	-moz-text-shadow: none;
	-webkit-text-shadow: none;
	text-shadow: none; 
}


/*-----------------------------------FRASES-----------------------------*/

.frases h1{
	font-family: 'Asap', sans-serif;
	font-size:26px;
	color:#900;
	text-align:center;
	font-style:italic;
	margin-top:20px;
}

.frases p{
	font-family: 'Asap', sans-serif;
	font-size:26px;
	color:#333;
	text-align:center;
	font-style:italic;
	margin-top:5px;
}



/*-----------------------------------BOTONES----------------------------*/

#botonesinferiores{
	width:212px;
	height:43px;
	margin:20px auto;
	position:relative;
}

.btninf{
	width:43px;
	height:43px;
	margin-right:10px;
	float:left;
	top:0px;
	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
	position:relative;
	-moz-box-shadow: 1px 3px 0px #999;
	-webkit-box-shadow: 1px 3px 0px #999;
	box-shadow: 1px 3px 0px #999;
	-moz-border-radius: 50%;
	 	border-radius: 50%;  
	
}

.btninf:hover{
	top:3px;
	position:relative;
	-webkit-transition: all 50ms linear;
    -moz-transition: all 50ms linear;
    -o-transition: all 450ms linear;
    -ms-transition: all 50ms linear;
    transition: all 50ms linear;
	
	-moz-box-shadow: 0px 0px 5px #999;
	-webkit-box-shadow: 0px 0px 5px #999;
	box-shadow: 0px 0px 5px #999;
	-moz-border-radius: 50%;
	 	border-radius: 50%;  
}

.btninf:last-child{
	margin-right:none;
	position:relative;
}


.boton1{
	width:300px;
	height:50px;
	margin-top:50px;
}

.tag{
	width:6px;
	height:13px;
	float:left;
	margin-top:19px;
}

.areaboton1{
	width:294px;
	height:50px;
	background-color:#808080;
	float:left;
}

.areaboton1 p{
	font-family: 'Asap', sans-serif;
	font-size:16px;
	color:white;
	text-align:center;
	font-style:italic;
	margin-top:8px;
	margin-left:20px;
	margin-right:20px;
}

/*-----------------------------------FOOTER-----------------------------*/

#footer{
	height:32px;
	margin:0px auto;
	width:auto;
	background-color:#333;
	position:relative;
	overflow:hidden;
	background-image:url(img/footerbg.png);
	margin-top:-20px;
	
	
}

#footercentrar{
	height:32px;
	margin:0px auto;
	min-width:500px;
	max-width:900px;
	overflow:hidden;

}

#footerarea{
	height:30px;
	width:auto;
	float:left;
	margin-top:0px;
}

#menufooter li{
	font-family: 'Asap', sans-serif;
	font-size:10px;
	float:left;
	color:white;
	margin-top:12px;
	position:relative;
	

}


#menufooter li a {
	display:block;	
	border-right: solid 1px #ffffff;
	padding-left:8px;
	padding-right:8px;
	position:relative;
}


#menufooter li:last-child a {
	border-right: none;
}

.selectfooter{
	height:9px;
	width:22px;
	background-image:url(img/selectfooter.png);
	margin:0px auto;
	margin-top:-22px;
	position:relative;

}

#markah{
	float:right;	
	
}


#markah p{
	font-family: 'Asap', sans-serif;
	font-size:11px;
	padding-top:11px;
	color:#999;	
	float:left;
}

#markahlogo{
	width:12px;
	height:12px;
	background-image:url(img/markah.png);
	float:left;
	margin-top:11px;	
	margin-left:3px;
	margin-right:3px;
}

#markahlogo:hover{
	background-image:url(img/markah1.png);	
}

/*--------------------------------------IFRAMES-------------------------------*/

#cctv{
	height:550px;
	width:700px;
	margin:0 auto;
	overflow:hidden;
	-moz-border-radius: 8px;
	 	border-radius: 8px; 
}

#gps{
	height:700px;
	width:700px;
	margin:0 auto;
	overflow:hidden;
	-moz-border-radius: 8px;
	 	border-radius: 8px; 
}

#prereg{
	height:460px;
	width:500px;
	margin:0 auto;
	overflow:hidden;
	margin-top:-290px;	
	margin-left:350px;
}

/*-------------------------------------CONTACTO-------------------------------*/

.contactobase{
	width:700px;
	min-height:220px;
	height:auto;	
	margin:20px auto;
	position:relative;
	background-color:white
	-moz-border-radius: 8px;
	border-radius: 8px; 
	-moz-box-shadow: 2px 2px 2px #ccc;
	-webkit-box-shadow: 2px 2px 2px #ccc;
	box-shadow: 2px 2px 2px #ccc; 
	border:1px solid #ccc;
	background-color:white;
	
	
}

.margenes{
	width:660px;
	min-height:180px;
	height:auto;
	position:relative;
	margin:20px auto;
		
}

.titulocontacto{
	width:100%;
	height:45px;
	
	
		
}

.titulocontacto h1{
	font-family: 'Asap', sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#900;	
	padding-top:5px;
	
		
}

.titulocontacto h2{
	font-family: 'Asap', sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#666;	
	
		
}

.iconocontacto{
	width:45px;
	height:45px;
	float:left;
	margin-right:10px;
}

.media{
	width:330px;
	height:auto;
	min-height:150px;
	
	float:left;	
	margin-right:0px;
	margin-top:20px;	
}

.media h1{
	font-family: 'Asap', sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#900;	
			
}

.media p{
	font-family: 'Asap', sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#666;
	padding-top:5px;			
}

.mapa{
	width:310px;
	height:200px;
	margin-top:20px;
	margin-bottom:20px;
}

.media1{
	width:250px;
	height:auto;
	min-height:150px;
	
	float:left;	
	margin-right:0px;
	margin-top:20px;	
}

.media1 h1{
	font-family: 'Asap', sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#900;	
			
}

.media1 p{
	font-family: 'Asap', sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#666;
	padding-top:5px;			
}

.media2{
	width:410px;
	height:auto;
	min-height:150px;
	
	float:left;	
	margin-right:0px;
	margin-top:20px;	
}

.media2 h1{
	font-family: 'Asap', sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#900;	
			
}

.media2 p{
	font-family: 'Asap', sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#666;
	padding-top:5px;			
}


.media3{
	width:408px;
	height:auto;
	min-height:150px;
	border:1px solid #ccc;
	float:left;	
	margin-right:0px;
	margin-top:20px;
	-moz-border-radius: 15px;
	 	border-radius: 15px; 	
}

.media3 h1{
	font-family: 'Asap', sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#900;	
			
}

.media3 p{
	font-family: 'Asap', sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#666;
	padding-top:5px;			
}



.contactinput{
	width:230px;
	height:20px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border:#ccc 1px solid;
	margin-bottom:5px;
	font-family: 'Asap', sans-serif;
	font-size:14px;
	font-weight:normal;
	font-style:italic;	
	color:#777;
}

.contactmensaje{
	width:390px;
	height:110px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border:#ccc 1px solid;
	margin-bottom:5px;
	font-family: 'Asap', sans-serif;
	font-size:12px;
	font-weight:normal;
	padding:10px;
	color:#777;
}

textarea {
    resize: none;
}

.contactenviar{
	width:200px;
	height:28px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border:#ccc 1px solid;
	font-family: 'Asap', sans-serif;
	font-size:16px;
	font-style:italic;
	font-weight:bold;
	float:right;
	border:none;
	background-color:#72bf44;
	color:white;
	-moz-text-shadow: 1px 1px 1px #999;
		-webkit-text-shadow: 1px 1px 1px #999;
			text-shadow: 1px 1px 1px #999; 
	
}

.contactenviar:hover{
	
	background-color:#8fcf4f;
	
}

.contactenviar:active{
	
	width:200px;
	height:28px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border:#ccc 1px solid;
	font-family: 'Asap', sans-serif;
	font-size:16px;
	font-style:italic;
	font-weight:bold;
	float:right;
	border:none;
	background-color:#72bf44;
	color:white;
	
}

.fechas{
	width:250px;
	height:auto;
	min-height:30px;	
	float:left;	
	margin-right:0px;
	margin-top:20px;
}

.titulofechas{
	width:100%;
	height:35px;
}

.titulofechas h2{
	font-family: 'Asap', sans-serif;
	font-size:20px;
	font-weight:bold;
	font-style:italic;
	color:#900;	
	float:left;
	padding-top:5px;
	
	
}

.titulofechas h1{
	font-family: 'Asap', sans-serif;
	font-size:28px;
	font-weight:bold;
	color:black;	
	float:left;
	font-style:italic;
	margin-right:10px;
	
	
}

.titulofechas1{
	width:100%;
	height:35px;
	margin-left:20px;
	margin-top:10px;
	margin-bottom:0px;
}

.titulofechas1 h2{
	font-family: 'Asap', sans-serif;
	font-size:20px;
	font-weight:bold;
	font-style:italic;
	color:#900;	
	float:left;
	padding-top:5px;
	
	
}

.titulofechas1 h1{
	font-family: 'Asap', sans-serif;
	font-size:28px;
	font-weight:bold;
	color:black;	
	float:left;
	font-style:italic;
	margin-right:10px;
	
	
}

.contfechas{
	width:240px;
	height:45px;
	background-color:#efefef;
	-moz-border-radius: 10px;
	border-radius: 10px; 
	margin-bottom:5px;
	
}

.contfechas h1{
	font-family: 'Asap', sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#900;	
	float:left;
	margin-right:10px;
	margin-top:15px;
	margin-left:10px;
	
}






.dia{
	width:35px;
	height:20;
	float:left;
	margin-right:2px;
	-moz-border-top-left-radius: 8px;
	border-top-left-radius: 8px; 
	-moz-border-bottom-left-radius: 8px;
	border-bottom-left-radius: 8px;
	margin-top:10px; 
	margin-bottom:10px; 
	font-family: 'Asap', sans-serif;
	font-size:12px;
}

.mes{
	width:35px;
	height:20;
	float:left;
	margin-right:2px;
	margin-top:10px; 
	margin-bottom:10px;
	font-family: 'Asap', sans-serif;
	font-size:12px;
}

.hora{
	width:35px;
	height:20;
	float:left;
	-moz-border-top-right-radius: 8px;
	border-top-right-radius: 8px; 
	-moz-border-bottom-right-radius: 8px;
	border-bottom-right-radius: 8px;
	margin-top:10px; 
	margin-bottom:10px;
	font-family: 'Asap', sans-serif;
	font-size:12px; 
}

select{
	width:250px;
	height:30px;
	margin-left:20px;
	margin-bottom:20px;	
	font-family: 'Asap', sans-serif;
	font-size:14px; 
	padding:5px;
	-moz-border-radius: 8px;
	 	border-radius: 8px;
		border:1px solid #ccc; 
}

.contnaranja{
	width:370px;
	height:140px;
	background-color:#fdb71f;
	margin:20px;
	margin-top:0px;
	-moz-border-radius: 10px;
	 	border-radius: 10px; 
}

.pickup{
	width:165px;
	height:20px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-moz-border-top-right-radius: 0px;
	border-top-right-radius: 0px;
	-moz-border-bottom-right-radius: 0px;
	border-bottom-right-radius: 0px;
	margin-left:5px;
	margin-right:5px;
	border:#ccc 1px solid;
	margin-bottom:1px;
	font-family: 'Asap', sans-serif;
	font-size:14px;
	font-weight:normal;
	font-style:italic;	
	color:#777;
	float:left;
	margin-top:4px;
}

.pickup1{
	width:165px;
	height:20px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin-top:4px;
	-moz-border-top-left-radius: 0px;
	border-top-left-radius: 0px;
	-moz-border-bottom-left-radius: 0px;
	border-bottom-left-radius: 0px;
	
	border:#ccc 1px solid;
	margin-bottom:1px;
	font-family: 'Asap', sans-serif;
	font-size:14px;
	font-weight:normal;
	font-style:italic;	
	color:#777;
	float:left;
}


/*-----------------------------------FORMS-----------------------------*/

.enviar{
	width:140px;
	height:25px;
	border:none;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 2px 2px 2px #333;
	-webkit-box-shadow: 2px 2px 2px #333;
	box-shadow: 2px 2px 2px #333; 
	margin-top:5px;
	background: #e5e5e5; /* Old browsers */
background: -moz-linear-gradient(top,  #e5e5e5 0%, #ffffff 5%, #e5e5e5 28%, #e5e5e5 81%, #cccccc 87%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(5%,#ffffff), color-stop(28%,#e5e5e5), color-stop(81%,#e5e5e5), color-stop(87%,#cccccc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e5e5e5 0%,#ffffff 5%,#e5e5e5 28%,#e5e5e5 81%,#cccccc 87%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e5e5e5 0%,#ffffff 5%,#e5e5e5 28%,#e5e5e5 81%,#cccccc 87%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e5e5e5 0%,#ffffff 5%,#e5e5e5 28%,#e5e5e5 81%,#cccccc 87%); /* IE10+ */
background: linear-gradient(top,  #e5e5e5 0%,#ffffff 5%,#e5e5e5 28%,#e5e5e5 81%,#cccccc 87%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */

}

.enviar:hover{
	
	background: #e5e5e5; /* Old browsers */
background: -moz-linear-gradient(top,  #e5e5e5 0%, #e5e5e5 28%, #e5e5e5 80%, #cccccc 89%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(28%,#e5e5e5), color-stop(80%,#e5e5e5), color-stop(89%,#cccccc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e5e5e5 0%,#e5e5e5 28%,#e5e5e5 80%,#cccccc 89%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e5e5e5 0%,#e5e5e5 28%,#e5e5e5 80%,#cccccc 89%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e5e5e5 0%,#e5e5e5 28%,#e5e5e5 80%,#cccccc 89%); /* IE10+ */
background: linear-gradient(top,  #e5e5e5 0%,#e5e5e5 28%,#e5e5e5 80%,#cccccc 89%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */


}

.enviar:active{
	
	-moz-box-shadow: 0px 0px 4px #333;
	-webkit-box-shadow: 0px 0px 4px #333;
	box-shadow: 0px 0px 4px #333; 
	
	background: #cccccc; /* Old browsers */
background: -moz-linear-gradient(top,  #cccccc 12%, #e5e5e5 18%, #e5e5e5 78%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(12%,#cccccc), color-stop(18%,#e5e5e5), color-stop(78%,#e5e5e5), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #cccccc 12%,#e5e5e5 18%,#e5e5e5 78%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #cccccc 12%,#e5e5e5 18%,#e5e5e5 78%,#e5e5e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #cccccc 12%,#e5e5e5 18%,#e5e5e5 78%,#e5e5e5 100%); /* IE10+ */
background: linear-gradient(top,  #cccccc 12%,#e5e5e5 18%,#e5e5e5 78%,#e5e5e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */



}
