@import url(http://fonts.googleapis.com/css?family=Roboto:400,300);

body {font-family: 'Roboto', sans-serif;background-color:#FFFFFF;}
a {text-decoration:none;color:inherit;}
.fl {float:left;}
.fr {float:right;}
.reset {clear:both;}

/*--------------------------HEADER--------------------------*/
#header {width:100%;position:fixed;z-index:200;padding-bottom:20px;top:0px;background-color:#FFFFFF;}
.top {width:130px;height:30px;position:absolute;top:10px;border-bottom:solid 1px #D3D3D3;}
.top p {margin-top:8px;}

.bg_header {
	width:180px;height:120px;opacity:0.7;background-size:cover;
	background-repeat:no-repeat;background-position:bottom;margin-top:60px;
			}
#bg_header_l {background-image:url('../images/bg_header.png');}
#bg_header_r {background-image:url('../images/bg_header1.png');}
			
#logo {width:340px;margin:10px auto 10px auto;}
#logo img {width:100%;}

#social {left:-100px;font-size:16px;color:#194b86;}
#social img {width:20px;margin:5px 0px 3px 5px;}
#social, #bolpros {
	transition:All 1s ease;
	-webkit-transition:All 1s ease;
	-moz-transition:All 1s ease;
	-o-transition:All 1s ease;
		}
#social:hover, #bolpros:hover {
	transform:  translate(0px);
	-webkit-transform:  translate(0px);
	-moz-transform:  translate(0px);
	-o-transform:  translate(0px);
	-ms-transform:  translate(0px);
		}

#bolpros {right:-95px;font-size:16px;color:#245769;}
#bolpros img {width:24px;margin:3px 3px 3px 0px;}

#ofertas_vigentes {position:absolute;top:183px;right:1px;width:166px;float:left;z-index:100;}
#ofertas_vigentes:hover {width:170px;top:182px;right:0px;}

/*--------------------------MENU--------------------------*/
#menu {background-color:#8BA02C;height:55px;color:#FFFFFF;font-family:"Times New Roman", Times, serif;font-weight:bold;}
#menu ul li {float:left;width:158px;height:47px;padding-top:8px;font-size:15px;text-align:center;margin-right:1px;}
#menu ul li:hover {background-image:url('../images/bg.png');background-repeat:repeat;}
#menu ul li h1 {border-right:solid 1px #a9bc37;margin-right:-1px;padding: 0 10px;}
#p1 h1 {border-left:solid 1px #a9bc37;margin-left:-1px;}
#pointer {position:fixed;z-index:10;margin-top:-10px;margin-left:68px;}
.current {background-color:#297E3B;}
.centred {width:1200px;margin:0px auto 0px auto;}

/*--------------------------CONTENT--------------------------*/
#content {width:100%;margin:264px auto 0px auto;}
.page {width:940px;margin:0 auto;padding-top:5px;min-height:700px;}
.page-fullWidth {width:100%;margin:0px 0px 20px 0px;padding-top:5px;min-height:700px;}
.col {text-align:center;}
.col1 {width:352px;}
.col2 {width:572px;}
.col3 {width:462px;}
.border {
   border: 1px solid #d3d3d3;
   border-top-left-radius: 14px;
   border-top-right-radius: 4px;
   border-bottom-left-radius: 4px;
   border-bottom-right-radius: 14px;		
		}

/*--------------------------ACCORDION--------------------------*/
.accordion h3 {height:18px;margin:0px auto 0px auto;padding:20px 0px 0px 0px;
			   text-align:center;font-family:"Times New Roman", Times, serif;font-weight:bold;letter-spacing:3px;}
.accordion h3:hover {background-image:url('../images/bg.png');background-repeat:repeat;color:#FFFFFF;}
.box-content {
	font-family: 'Roboto', sans-serif;text-align:center;font-size:16px !important;
	background-image:url('../images/bg_box.jpg') !important;background-repeat:no-repeat;
	background-size:contain;background-position:bottom center;
			}

/*--------------------------PAGINA 1--------------------------*/
#page1 .scroll_right, .fade, #scroll_down {position:relative;z-index:0;top:10px;}
#page1 .scroll_right img, #scroll_down h1 {width:500px;border-left:solid 5px #FFFFFF;border-right:solid 5px #FFFFFF;}
.page h1 {
	text-align:center;font-family:"Times New Roman", Times, serif;
	line-height:40px;font-size:28px;font-style:oblique;color:#76766f;
	font-weight:bold;letter-spacing:4px;text-shadow:-1px 0 black;
		}
.page-fullWidth h1 {
	text-align:center;font-family:"Times New Roman", Times, serif;
	line-height:40px;font-size:28px;font-style:oblique;color:#76766f;
	font-weight:bold;letter-spacing:4px;text-shadow:-1px 0 black;
		}
#page1 .scroll_right, #scroll_down {margin-left:31px;}
#page1 .col {height:395px;}

#pics {
	background-image:url('../images/num.jpg');
	background-repeat:no-repeat;margin:15px auto 0px auto;
	width:322px;height:360px;
		}
#pics h1 {color:#FFFFFF;font-weight:bold;letter-spacing:2px;padding-top:80px;text-shadow: 0 0 15px #000, -2px 0 black;}

/*--------------------------PAGINA 2--------------------------*/
#page2 h1 {font-size:22px;}
#page2 .fr {height:309px;}	
#hi {max-height:120px;}

/*--------------------------PAGINA 3--------------------------*/
#page3 .border {
	height:343px;background-image:url('../images/tarjeta.png');
	background-size:cover;background-repeat:no-repeat;
		}
#tarjeta {
	width:220px;height:115px;position:relative;z-index:1;top:94px;left:97px;
	background-image:url('../images/bgpsa.png');background-repeat:no-repeat;
	background-position:center;background-size:contain;text-align:center;
		}
#tarjeta .fade {margin:5px 10px 0px 10px;text-transform:uppercase;}

span{font:"Courier New", Courier, monospace;font-size:12px;color:#BFBFBF;}
span strong {color:#000000;}
#page3 h1 {margin:7px 0px 28px 0px;}
#psa img {width:100%;position:relative;top:-14px;}

/*--------------------------PAGINA 4--------------------------*/
#page4 .border {height:349px;}
.vertical-slide {margin:10px auto 0px auto;}
.vertical-slide img {width:432px !important;}
.v-slide {margin-left:30px;}

/*--------------------------PAGINA 5--------------------------*/
#page5 .scroll_right {position:relative;z-index:0;}
#page5 .fl h1 {letter-spacing:normal !important;}
#page5 h1 {margin:10px 0px 5px 0px;}

table {width:302px;margin:10px auto 15px auto;font-size:15px;}
table th {font-size:16px;font-weight:bold;}
table tr {height:14px;}
.table_l {width:200px;text-align:left;}
.table_r {text-align:right;}

#info {height:69px;margin-top:10px;background-image:url('../images/bg_box.jpg');background-repeat:no-repeat;background-size:cover;background-position:bottom left;}
#info .fl {width:252px;text-align:right;}
#info .fr {margin-top:3px;}
.slide_info {width:332px;height:85px;margin:17px auto 0px auto;text-align:center;}

#computadora {
	height:350px;background-image:url('../images/computadora.png');
	background-repeat:no-repeat;background-position:bottom center;
	background-size:552px;
		}
#computadora .fade .slide {width:377px;height:234px;background-repeat:no-repeat;background-size:contain;}
#slide01 {background-image:url('../images/presentacion/Slide01.jpg');}
#slide02 {background-image:url('../images/presentacion/Slide02.jpg');}
#slide03 {background-image:url('../images/presentacion/Slide03.jpg');}
#slide04 {background-image:url('../images/presentacion/Slide04.jpg');}
#slide05 {background-image:url('../images/presentacion/Slide05.jpg');}
#slide06 {background-image:url('../images/presentacion/Slide06.jpg');}
#slide07 {background-image:url('../images/presentacion/Slide07.jpg');}
#slide08 {background-image:url('../images/presentacion/Slide08.jpg');}
#slide09 {background-image:url('../images/presentacion/Slide09.jpg');}
#slide10 {background-image:url('../images/presentacion/Slide10.jpg');}
#slide11 {background-image:url('../images/presentacion/Slide11.jpg');}

#page5 .col .fade {width:377px;height:234px;top:19px !important;left:98px;}
#page5 .col .fade img {width:100%;}

/*--------------------------PAGINA 6--------------------------*/
#page6 {min-height:470px !important;}
#page6 h1 {line-height:25px;margin-top:5px;}
#page6 .fl {
	background-image:url('../images/bg_box.jpg') !important;
	background-repeat:no-repeat;background-size:cover;
	background-position:top left;
			}
#page6 iframe {margin-top:20px;}
small a {width:100px;font-size:10px;display:block;margin:5px auto 15px auto;}

#contact_form {width:382px;line-height:0.9;text-align:left;margin:20px 0px 0px 40px;}
.input {width:280px;height:16px;float:right;}
#reset, #submit {margin:0px 0px 10px 10px;float:right;font-size:14px;}
#mensaje {width:376px;height:80px;}

#direccion {height:56px;margin-top:10px;padding-top:15px;font-size:14px;text-align:left !important;}
#direccion img {position:relative;top:-20px;float:left;}
#direccion p {margin-left:55px;padding-bottom:14px;letter-spacing:2px;}

/*--------------------------FOOTER--------------------------*/
#footer {width:100%;height:30px;position:fixed;bottom:0px;z-index:20;background-color:#297E3B;}
#footer .centred {height:100%;}
#footer .centred p {padding:9px 0px 0px 28px;font-family: 'Roboto', sans-serif;font-size:11px;color:#FFFFFF;}
#fcbk {width:145px;height:100%;}
#fb-root, .fb-like {margin-top:2px;}