/*******************************************************************************************************************
*  Author: Tomas Lach (www.tomaslach.cz)                                                                           
*  Date: 25.02.2012                                                                                                
*******************************************************************************************************************/

/*******************************************************************************************************************
*  IMPORT OTHER STYLES                                                                                             
*******************************************************************************************************************/
@import url(reset.css);

/*******************************************************************************************************************
*  BASE                                                                                                            
*******************************************************************************************************************/
html {background: #fff;}
body {
	color: #71777d;
	font-family: "Helvetica Neue", Arial, Tahoma, Verdana;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
p {line-height: 1.7em;margin-bottom: 15px}
address {font-style: normal;padding-bottom: 15px;}
.alert-success {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}
.alert-warning {
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc;
}
.alert {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
}
button.close {
	-webkit-appearance: none;
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
}
/*******************************************************************************************************************
*  LINKS                                                                                                           
*******************************************************************************************************************/
a, a:link, a:focus {
	color: #d91a5d;
	outline: 0
} /* color */
a:hover {color: #000;text-decoration: none}

/*******************************************************************************************************************
*  H1 - H4                                                                                                         
*******************************************************************************************************************/
h1, h2, h3, h4 {line-height: 1.5em;margin-bottom: 15px;font-weight: 700}
h1 {font-size: 3.0em;color: #fff;} 
h1black {
	font-size: 3em;
	color: #666666;
}
h2 {font-size: 2.1em;color: #666666;font-weight: 200}
h3 {font-size: 0.9em;color: #000;text-shadow: 1px 1px 1px #fff;margin-bottom: 8px}
h4 {font-size: 1.0em;}

/*******************************************************************************************************************
*  HEADER                                                                                                          
*******************************************************************************************************************/
#header {
	height: 125px;
	text-indent: 10px;
} 
#header a#logo {
	font-size: 2.0em;
	font-family: "Roboto","Helvetica Neue", Arial, Tahoma, Verdana;
	text-decoration: none;
	background: url('../img/logo.png') no-repeat 0 50%;
	padding-left: 86px;
	font-weight: 300;
	display: block;
	line-height: 125px;
	position: absolute;
	top: 0px;
	left: 0px;
	color: #2b3031;
	width: 250px;
}
#header a#logo:hover {
	color: #000;
}
#header nav ul {
	position: absolute;
	top: 45px;
	right: 0;
	margin-right: 20px;
	margin-left: 20px;
}
#header nav li {float: left;margin-left: 5px;}
#header nav li a {float: left;border: 1px solid #fff;color: #818181;display: block;height: 33px;line-height: 33px;padding: 0 0;text-decoration: none;}
#header nav li a span {
	display: block;
	border-top: 1px solid #fff;
	height: 33px;
	float: left;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
}
#header nav li.active a, #header nav li a:hover {border-color: #d81240;background: #1294d8;color: #fff !important;} 
#header nav li.active a span , #header nav li a:hover span {border-top: 1px solid #ff32b4;}

/*******************************************************************************************************************
*  INTRO                                                                                                          
*******************************************************************************************************************/
#intro {
	color: #fff;
	padding-top: 20px;
	text-align: center;
	background-color: #d91a5d;
}
#intro h1 {margin-bottom: 0;font-weight: 100;}
#intro h1 strong {font-weight: 500}
#intro p {font-size: 1.3em;font-weight: 200;color: #fff;margin-bottom: 30px;opacity: 0.8}
#intro p a {color: #fff;text-decoration: underline;}
#intro p a:hover {color: #fff;text-decoration: none}
#intro img {float: left}

/*******************************************************************************************************************
*  TWITTER                                                                                                          
*******************************************************************************************************************/
#twitterBar {background: #fff;padding: 20px 0;font-family: Georgia, Arial, Verdana, Tahoma;font-style: Italic;position: relative;}
#twitterBar .remove {position: absolute;top: 50%;right: 0;display: block;border: 1px solid #fff;width: 20px;height: 20px;margin-top: -10px;;background: url('../img/remove.png') no-repeat 50%;text-indent: -9999px;}
#twitterBar .remove:hover {background-color: #f7f7f7;border-color: #ccc;}
#twitterBar p {margin: 0;font-size: 1.4em;text-align: center;}

/*******************************************************************************************************************
*  CONTENT                                                                                                         
*******************************************************************************************************************/
#container {background: #ededed;border-top: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;padding: 40px 0 50px}
#content .withIcon h2 {
	padding-left: 60px;
	font-size: 1.8em;
	line-height: 27px;
}
#content .withIcon p {padding-left: 60px}
#content .icon1 {
	background-image: url(../img/servicios01.png);
	background-repeat: no-repeat;
	background-position: 0 5px;
}
#content .icon2 {
	background-image: url(../img/servicios02.png);
	background-repeat: no-repeat;
	background-position: 0 5px;
}
#content .icon3 {
	background-image: url(../img/servicios03.png);
	background-repeat: no-repeat;
	background-position: 0 5px;
}

/*******************************************************************************************************************
*  FOOTER                                                                                                          
*******************************************************************************************************************/
#footer {padding: 40px 0;color: #8b8b8b;font-size: 0.9em;}
#footer a.facebook {color: #286bb5}
#footer a.twitter {color: #33bae6}

/*******************************************************************************************************************
*  OTHER STYLES                                                                                                    
*******************************************************************************************************************/
.wrap {margin: 0 auto;position: relative;width: 980px}
.buttonWrapper {margin-bottom: 30px;text-align: center;background: url('../img/double-border.png') repeat-x 0 50%}
.buttonWrap {background: #ededed;padding: 0 20px;display: inline-block;}
a.button {display: inline-block;border: 1px solid #d81240;background: #19bee7;color: #fff;text-decoration: none;height: 45px;line-height: 45px;text-decoration: none;}
a.button span {display: inline-block;padding: 0 40px;font-size: 1.2em;font-weight: 400;height: 45px;border-top: 1px solid #ff32b4;}
a.button:hover {background: #666;border-color: #666;}
a.button:hover span {border-color: #999}
.gallery .photo {margin-left: 20px}
.gallery .photo:first-child {margin-left: 0}
a.photo {display: block;float: left;}
a.photo img, img.photo {display: block;float: left;border: 1px solid #d3d3d3;background: #fff;}
a.photo:hover img {border-color: #999}
.col1-3 {width: 308px;margin-left: 26px;float: left}
.col1-3 p:last-child, 
.col2-3 p:last-child {margin-bottom: 0}
.col1-3:first-child {margin-left: 0}
.col1-2 {width: 470px;margin-left: 40px;float: left}
.col1-2:first-child {margin: 0;}
.marginBottom30 {
	margin-bottom: 30px
}

/*******************************************************************************************************************
*  CSS3                                                                                                    
*******************************************************************************************************************/
#header nav li.active a, #header nav li a:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e81959), color-stop(100%, #c80b27));
    background-image: -webkit-linear-gradient(top, #e81959, #c80b27);
    background-image: -moz-linear-gradient(top, #e81959, #c80b27);
    background-image: -ms-linear-gradient(top, #e81959, #c80b27);
    background-image: -o-linear-gradient(top, #e81959, #c80b27);
    background-image: linear-gradient(top, #e81959, #c80b27);
} 

#header nav li a, #header nav li a span {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#intro {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e81959), color-stop(100%, #c80b27));
	background-image: -webkit-linear-gradient(top, #e81959, #c80b27);
	background-image: -moz-linear-gradient(top, #e81959, #c80b27);
	background-image: -ms-linear-gradient(top, #e81959, #c80b27);
	background-image: -o-linear-gradient(top, #e81959, #c80b27);
	background-image: linear-gradient(top, #e62b67, #cd91a5d);
}

a.button {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e81959), color-stop(100%, #c80b27));
    background-image: -webkit-linear-gradient(top, #e81959, #c80b27);
    background-image: -moz-linear-gradient(top, #e81959, #c80b27);
    background-image: -ms-linear-gradient(top, #e81959, #c80b27);
    background-image: -o-linear-gradient(top, #e81959, #c80b27);
    background-image: linear-gradient(top, #e81959, #c80b27);

    -webkit-box-shadow: 0 8px 6px -6px #000;
    -moz-box-shadow: 0 8px 6px -6px #000;
    -ms-box-shadow: 0 8px 6px -6px #000;
    -o-box-shadow: 0 8px 6px -6px #000;
    box-shadow: 0 4px 4px -4px #000;
}
a.button span {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
a.button:hover {background: #666;border-color: #666;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000));
    background-image: -webkit-linear-gradient(top, #333333, #000000);
    background-image: -moz-linear-gradient(top, #333333, #000000);
    background-image: -ms-linear-gradient(top, #333333, #000000);
    background-image: -o-linear-gradient(top, #333333, #000000);
    background-image: linear-gradient(top, #333333, #000000);
}

#twitterBar .remove:hover {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
#twitterFeed {
}