older
#header {height: 140px; overflow:hidden; background-color: #000000;}
#NavRight { color: #ffffff; float: right; padding: 20px 0px;}
.NavRighItems { text-align: center; }
#MainHeader {width: 100%; background-color: #000000;}
#logo {float: left; width: 120px; overflow: hidden; height: 140px; padding: 10px 0px;}
#navigation {float: right; text-align: right; overflow: hidden; width: 300px;}
#brownblock {width: 300px; height: 10px; background-color: #d80012; overflow: hidden; float:right;}
#TitleMenu {width: 300px; float: right; text-align: center; font-weight: 300; font-size: 15px; color: #ffffff; letter-spacing: 0.66em;}
.lilast {border-right: 0px solid #91c5d3; border-collapse: collapse;}
IMG.displayed {
	display: block;
	margin-left: auto;
	margin-right: auto;
	color: #0000;
}
#slider {width: 100%; background-color: #e6e6e6;}
#slidercaption {width: 100%; background-color: #fc0; overflow: hidden;}

/* my centered */
#myslider {width: 100%; background-color: #000000; text-align: center; height: auto; overflow:hidden; padding-bottom: 20px;}
#mycaption {width: 100%; background-color: #ffffff; text-align: center; overflow: hidden; margin-bottom: 60px;}
#mytab {width: 100%; text-align: left; overflow: hidden;}
#mytitle {width: 100%; text-align: left; font-size: 25px; color:#000000; font-weight: 400; margin-bottom: 30px; padding-top: 20px; overflow: hidden;}
.mysubtitle {font-weight: 300; color: #c3eaf5;}
#mycontent {font-size: 13px; color: #ffffff; text-align: left; margin-bottom: 40px; overflow: hidden;}
.mybtn{text-transform: uppercase; color:#ffffff; background-color:#d80012; border-radius: 16px; text-align: center; padding: 20px 25px;}
.mybtn:hover {text-decoration: none; color: #ffffff; background-color: #000000;}

/* portfolio */
.imgabout { border: 5px solid #c0c0c0; background-color: #e6e6e6; }
#myportfolio {width: 100%; background-color: #f2f1f0;}
#titleportfolio {width: 100%; text-align: left; font-size: 25px; color:#000000; font-weight: 300; margin-bottom: 30px; overflow: hidden; padding-top: 30px;}
#Btportfolio { text-align: center; margin-top: 30px; }
#MainCondiciones { text-align: center; margin-top: 60px; }

/*new fancy */
.fancybox-custom .fancybox-skin { box-shadow: 0 0 50px #222; }
.fancyimg { border: 5px solid #c0c0c0; background-color: #e6e6e6; }
.fancyimg:hover {border-color: #4a5d6f; opacity: 0.4; filter: alpha(opacity=40); /* For IE8 and earlier */ background-color: #a9b8c7; }

/* my footer */
#myfooter { width: 100%; background-color: #000000; color: #ffffff; font-size: 12px; text-align: center; overflow: hidden; }
#myfootertext { margin-top: 40px; margin-bottom: 30px; }

/* my page */
#pagetitle {text-align: left; font-size: 25px; color:#551718; font-weight: 400; margin-bottom: 40px; overflow: hidden; padding-top: 30px;}
.pagesubtitle {font-weight: 300;}
#mypage {width: 100%;}
#pagetab {width: 100%; text-align: left; overflow: hidden;}
.ptext { text-align: justify;}

/* thank you */
#thankport {text-align: center;}
#thankbot {padding-top: 30px;}

/* Page Scroll Atributes */
.page-section {
	width: 100%;
	padding: 0px 0;
	padding-bottom: 60px;
	background-color: #f2f1f0;
}

/* styles for smartphones */

@media only screen 
and (min-device-width : 320px) 
	and (max-device-width : 568px)
	{ body { font-family: 'Open Sans', sans-serif;} #logo { width: 100%; text-align: center;} #NavRight { width: 100%; text-align: center; float: left;} }
	
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape)
{ body { font-family: 'Open Sans', sans-serif;} }

/* styles for tablets */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (orientation : portrait)
{ body { font-family: 'Open Sans', sans-serif;} #myphoto { width: 100%; text-align: center; } }