
/** Alineaciones y texto**/

.centertext {
    text-align: center;
}

.righttext {
    text-align: right;
}

.enlargetext{
    font-size: large;
}

.floatright {
    padding: 4px;
    float:   right;
}

.floatleft {
    padding-bottom: 4px;
    padding-top: 4px;
    padding-left: 4px;
    padding-right: 14px;
    float:   left;
}

h3.whiteout{
    color: #FFFFFF;
    text-shadow: 2px 2px #666666;
}
.redtext{
 color: #FF0000;
}

.whitetext{
    color: #FFFFFF;

}

.greytext{
    color: #777777;

}
small{
    font-family:            "Calibri", "Arial", sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size:10px;
}
hr.redhr {
    border:             solid #B2311A;
    border-width:       2px 0 0;
    clear:              both;
    height:             0;
    box-shadow:         0 2px 5px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:    0 2px 5px rgba(0, 0, 0, 0.25);
}

hr.bluehr {
    border:             solid #4682b4;
    border-width:       2px 0 0;
    clear:              both;
    height:             0;
    box-shadow:         0 2px 5px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:    0 2px 5px rgba(0, 0, 0, 0.25);
    width:90%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.centerpanels {
    vertical-align: top;
    min-width:      18%;
    width:          210px;
    height:         212px;
}

ul.circular {
    list-style:  circle;
    margin-left: 30px;
    color:       #191970;
}

ul.franqui {
    list-style:  disc;
    margin-left: 20px;
    padding-left: 10px;
    color:       #555555;
}

ul.white {
    list-style:  disc;
    margin-left: 40px;
    padding-left: 10px;
    color:       #FFFFFF;
}
dl.white {
    list-style:  disc;
    margin-left: 26px;
    padding-left: 10px;
    color:       #FFFFFF;
    line-height: 22px;
}

.sizeable{
    max-width: 40%;
}


.xpanel {
		padding: 8px 8px 2px 8px;
		background: #efefef;
		background: -moz-linear-gradient(top, #FFFFFF 0%, #F4F4F4 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F4F4F4));
		background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F4F4F4',GradientType=0 );
		box-shadow: 0 2px 5px rgba(0,0,0,0.15);
		-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.15);
		-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.25);
		margin: 0 0 8px 0;
        -moz-border-radius:8px;
        -webkit-border-radius:8px;
        border-radius:8px;
        border: 1px solid #CECECE;
        width: 300px;
	}

.bluepanels {
    padding:            5px 5px 2px 5px;
    font-size:          22px;
    color:              #084471;
    background:         -moz-linear-gradient(top, #FFFFFF 0%, #F4F4F4 100%);
    background:         -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #F4F4F4));
    background:         -o-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
    filter:             progid:DXImageTransform.Microsoft.gradient(startColorstr = '#FFFFFF', endColorstr = '#F4F4F4', GradientType = 0);

    box-shadow:         0 2px 5px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:    0 2px 5px rgba(0, 0, 0, 0.25);
    margin:             0 0 20px 0;
}

.vectorpanel{
    padding:               20px 20px 2px 20px;
    background-image:      linear-gradient(bottom, rgb(57, 57, 57) 7%, rgb(83, 83, 83) 54%);
    background-image:      -o-linear-gradient(bottom, rgb(57, 57, 57) 7%, rgb(83, 83, 83) 54%);
    background-image:      -moz-linear-gradient(bottom, rgb(57, 57, 57) 7%, rgb(83, 83, 83) 54%);
    background-image:      -webkit-linear-gradient(bottom, rgb(57, 57, 57) 7%, rgb(83, 83, 83) 54%);
    background-image:      -ms-linear-gradient(bottom, rgb(57, 57, 57) 7%, rgb(83, 83, 83) 54%);

    background-image:      -webkit-gradient(linear, left bottom, left top, color-stop(0.07, rgb(57, 57, 57)), color-stop(0.54, rgb(83, 83, 83)));
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#202020');
   	background-color:#f9f9f9;

    box-shadow:            0 2px 5px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow:    0 2px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:       0 2px 5px rgba(0, 0, 0, 0.25);

    margin:                0 0 20px 0;
    -moz-border-radius:    8px;
    -webkit-border-radius: 8px;
    border-radius:         8px;
    -o-border-radius:      8px;
    border:                1px solid #474747;
}

/** Slideshow**/

#featured .content {
	background:#FFFFFF;
    max-height: 324px;
}
#featured .content h1 {
	font-family: 'Arial', 'Calibri', sans-serif;
	color: #2f260f;
	font-weight: bold !important;
	text-transform: uppercase;
	text-shadow:
		1px 1px 0 #f8f0d1,
		2px 2px 0 #f8f0d1,
		3px 3px 0 #1a5774;
	text-align: center;
	margin-top: 15%;
}
#featured .content h3 {
    font-family: 'Arial', 'Calibri', sans-serif;
	color: #7f6b37;
	font-weight: bold !important;
	text-align: center;
}

#featured { background: url("../../../wsi-devel.com.mx/projects/amf/cms/assets/images/loading.html") no-repeat center center #FFFFFF; height: 340px; margin-bottom: 3px; }
#featured.orbit { height: auto; }
#featured img, #featured div { display: none; }
#featured.orbit img, #featured.orbit div { display: block; }


@media handheld, only screen and (max-width: 767px) {

	#featured { height: 165px; }
	#featured.orbit { height: auto; }

	dl.nice.tabs.mobile { margin-bottom: 0px; }
	.nice.tabs.mobile dd a { padding: 12px 20px; }

	div.foundation-header h1 { font-size: 32px; font-size: 3.2rem; }

	div.slider-nav span { height: 50px; width: 39px; background-size: 100% auto; margin-top: -25px; }
}

/** Botones **/
.busquedabutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	background-color:#f9f9f9;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#666666;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:3px 6px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.busquedabutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) );
	background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
	background-color:#e9e9e9;
}.busquedabutton:active {
	position:relative;
	top:1px;
}

/** Paneles **/
.greypanel {
    padding:            5px 5px 2px 5px;
    color:              #F5F5F5;
    background:         #565656;
    background:         -moz-linear-gradient(top, #454545 0%, #565656 100%);
    background:         -webkit-gradient(linear, left top, left bottom, color-stop(0%, #454545), color-stop(100%, #565656));
    background:         -o-linear-gradient(top, #454545 0%, #565656 100%);
    filter:             progid:DXImageTransform.Microsoft.gradient(startColorstr = '#454545', endColorstr = '#565656', GradientType = 0);
    box-shadow:         0 2px 5px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:    0 2px 5px rgba(0, 0, 0, 0.25);
    margin:             0 0 20px 0;
}

div.secgreypanel {
    padding:            5px 5px 2px 5px;
    color:              #555;
    background:         #d7d3d4;
    background:         -moz-linear-gradient(top, #e3e3e3 0%, #d7d3d4 100%);
    background:         -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e3e3e3), color-stop(100%, #d7d3d4));
    background:         -o-linear-gradient(top, #e3e3e3 0%, #d7d3d4 100%);
    filter:             progid:DXImageTransform.Microsoft.gradient(startColorstr = '#d7d3d4', endColorstr = '#e3e3e3', GradientType = 0);
    box-shadow:         0 2px 5px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:    0 2px 5px rgba(0, 0, 0, 0.25);
    margin:             0 0 20px 0;
}

div.redpanel {
    padding:            20px 20px 2px 20px;
    background:         #FF0000;
    color:              #FFFFFF;
    background:         -moz-linear-gradient(top, #FF0000 0%, #bb0907 100%);
    background:         -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FF0000, color-stop(100%, #bb0907));
    background:         -o-linear-gradient(top, #FF0000 0%, #bb0907 100%);
    filter:             progid:DXImageTransform.Microsoft.gradient(startColorstr = '#FF0000', endColorstr = '#bb0907', GradientType = 0);
    box-shadow:         0 2px 5px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:    0 2px 5px rgba(0, 0, 0, 0.25);
    margin:             0 0 20px 0;
}
